﻿@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background-color: #f3f3f3;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #404040;
	overflow:auto;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#outer_header {
	height: 180px;
	background-image:url(../images/logo2016_3.jpg);
	background-repeat:no-repeat;
}

#outer_header_wk {
	height: 180px;
	background-image:url(../images/logo2015_works_2.jpg);
	background-repeat:no-repeat;
}

#header {
	height:140px;
}
#gnavi {
	height:40px;
}

#g_navi li {
	list-style-type:none;
	float: left;
}
.navi_01 a{
	width: 160px;
	height:40px;
	display:block;
	background-image:url(../images/navi_btn/navi01_a.jpg);
	text-indent:-9999px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.navi_01 a:hover{
	background-image:url(../images/navi_btn/navi01_b.jpg);
}

.navi_02 a{
	width: 160px;
	height:40px;
	display:block;
	background-image:url(../images/navi_btn/navi02_a.jpg);
	text-indent:-9999px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.navi_02 a:hover{
	background-image:url(../images/navi_btn/navi02_b.jpg);
}

.navi_03 a{
	width: 160px;
	height:40px;
	display:block;
	background-image:url(../images/navi_btn/navi03_a.jpg);
	text-indent:-9999px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.navi_03 a:hover{
	background-image:url(../images/navi_btn/navi03_b.jpg);
}

.navi_04 a{
	width: 160px;
	height:40px;
	display:block;
	background-image:url(../images/navi_btn/navi04_a.jpg);
	text-indent:-9999px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.navi_04 a:hover{
	background-image:url(../images/navi_btn/navi04_b.jpg);
}

.navi_05 a{
	width: 160px;
	height:40px;
	display:block;
	background-image:url(../images/navi_btn/navi05_a.jpg);
	text-indent:-9999px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.navi_05 a:hover{
	background-image:url(../images/navi_btn/navi05_b.jpg);
}

.navi_06 a{
	width: 160px;
	height:40px;
	display:block;
	background-image:url(../images/navi_btn/navi06_a.jpg);
	text-indent:-9999px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.navi_06 a:hover{
	background-image:url(../images/navi_btn/navi06_b.jpg);
}


#contents {
	width: 960px;
/*	あくまで仮の高さ*/
	height:580px;
	background-image:url(../images/bg_corkboard150_03.gif);
	background-repeat:repeat;
/*	margin-top:50px;
	margin-right:80px;
	margin-bottom:50px;
	margin-left:80px;
	float:left;
*/
}

#contents_index {
	width: 960px;
	height:870px;
	background-image:url(../images/bg_corkboard150_03.gif);
	background-repeat:repeat;
}

#contents_sample01 {
	width: 960px;
	height:1160px;
	background-image:url(../images/bg_corkboard150_03.gif);
	background-repeat:repeat;
}

#contents_upper {
	width: 960px;
	height:580px;
}

#contents_profile {
	width: 960px;
	overflow: auto;
	background-image:url(../images/bg_corkboard150_03.gif);
	background-repeat:repeat;
/*	margin-top:50px;
	margin-right:80px;
	margin-bottom:50px;
	margin-left:80px;
	float:left;
*/
}

#contents_contact {
	margin-top:30px;
	margin-left:355px;
	width: 250px;
/*	あくまで仮の高さ*/
	height:400px;
	float:left;
}

#contents_contact a{
	margin:auto;
}

#contents_left {
	width: 480px;
/*	あくまで仮の高さ*/
	height:580px;
	float:left;
}
#contents_right {
	width: 480px;
/*	あくまで仮の高さ*/
	height:580px;
	float:left;
}

#contents_index_bottom {
	width: 960px;
	padding-left: 390px;
/*	あくまで仮の高さ*/
	height:220px;
	padding-top: 70px;
	clear:both;
}

#contents_bottom {
	width: 960px;
/*	あくまで仮の高さ*/
	height:290px;
	clear:both;
}

#contents_bottom_2 {
	width: 960px;
/*	あくまで仮の高さ*/
	height:290px;
	clear:both;
}

#bottom_left {
	width:360px;
	height:210px;
	padding-top:80px;
	padding-left:120px;
	float:left;
}

#bottom_right {
	width:400px;
	height:220px;
	padding-top:70px;
	padding-left:80px;
	float:left;
}

#bottom_left_2 {
	width:360px;
	height:210px;
	padding-top:80px;
	padding-left:120px;
	float:left;
}

#bottom_right_2 {
	width:400px;
	height:220px;
	padding-top:70px;
	padding-left:80px;
	float:left;
}

#left_top {	
	width:380px;
	height:250px;
	padding-top:50px;
	padding-left:100px;
}
#left_bottom {
	
	width:360px;
	height:200px;
	padding-top:80px;
	padding-left:120px;
/*	float:left;	*/
}
#right_top {
	width:400px;
	height:300px;
	padding-top:100px;
	padding-left:80px;
}
#right_bottom {
	width:400px;
	height:180px;
	padding-top:0px;
	padding-left:80px;
}



#profile {
	width: 720px;
	/*	あくまで仮の高さ*/
	overflow: auto;
	margin:40px 80px;
	padding:30px 40px 20px 40px;
	background-color:white;
	background-image:url(../images/bg089_05.gif);
	background-repeat:repeat;
	float:left;
	line-height: 24px;
}

#contents h3{
}

#contents ul{
}

#contents p{
	font-size:18px;
}

#contents ul li{
	font-size:18px;
	line-height:180%;
}

.migiyose{
	font-weight:bold;
	padding-right:10px;
	text-align:right;
}

a img {
	border-style: none;
}

#footer {
	background-color:midnightblue;
	clear:both;
	height:50px;

}

#footer address {
	color:silver;
	padding-top:15px;	
	text-align:center;
	font-weight:bold;
}


table {
	padding-left:80px;
	padding-right:30px;
	line-height:150%;
	font-size:18px;

}

table td {
	vertical-align:top;
}


/* --------------------------------------------------

　見出しデザイン

-------------------------------------------------- */

h1 {
	}

h2 {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #009;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 2px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #009;
	margin-bottom: 10px;
	}


/* --------------------------------------------------

　新着情報デザイン

-------------------------------------------------- */
