/*
1.base
2.header
3.main
	3.1.main-l
	3.2.main-r
4.sub
5.footer

*/


/*1.base*/
.clearfix:after {  content: " "; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

body{
	margin:0;
	padding:0;
	line-height:1.5;
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3",sans-serif;
	letter-spacing:0.75px;
	color:#222;
}

img{
	border:none;
}

h1,h2{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
}



a{
	color:#1a599f;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#wrapper{
	width:940px;
	margin:0 auto;
}

#wrapper_cont{
	padding:20px 0 40px 0;
}

#header{
}

#header #logo{
	float:left;
	width:333px;
	padding:20px 0;
}

#header #header-nav{
	float:right;
	width:128px;
	padding:32px 0;
}

#gn{
	background:url(images/gn_bg.gif) repeat-x;
}

#gn ul{
	margin:0;
	padding:0;
	list-style:none;
}

#gn ul li{
	float:left;
	margin:0;
	padding:0;
}

#gn ul li.gn-home a{
	background:url(images/gn.gif) 0px 0px;
	display:block;
	width:120px;
	height:42px;
}

#gn ul li.gn-outline a{
	background:url(images/gn.gif) -120px 0px;
	display:block;
	width:120px;
	height:42px;
}

#gn ul li.gn-contact a{
	background:url(images/gn.gif) 120px 0px;
	display:block;
	width:120px;
	height:42px;
}


#title-img{
	padding:20px 0 0 0;
}

#main{
	float:right;
	width:700px;
}

#main h2{
	margin:0 0 20px 0;
	padding:3px 0 3px 0;
	border-bottom:solid 4px #ccc;
	font-size:14px;
	font-weight:bold;
}

#main h3{
	background:#ffe9e9;
	margin:0 0 20px 0;
	padding:2px 0 2px 5px;
	border-bottom:solid 1px #ccc;
	font-size:14px;
	font-weight:normal;
}

#main h3.new-title{
	background:#fff;
	margin:0 0 20px 0;
	padding:40px 0 0 0;
	border-bottom:none;
	border-top:solid 1px #ccc;
	font-size:14px;
	font-weight:normal;
}

#main h3.new-titlef{
	background:#fff;
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	border-bottom:none;
	font-size:14px;
	font-weight:normal;
}

#sub{
	float:left;
	width:210px;
	border-right:solid 1px #ddd;
}

#sub_cont{
	padding:0 30px 0 0;
}

#sub #sub_cont #sub-nav{
	border:solid 1px #ccc;
	background:#f5f5f5;
}

#sub #sub_cont #sub-nav #sub-nav_cont{
	border:solid 1px #fff;
}

#sub #sub_cont #sub-nav #sub-nav_cont ul{
	margin:-1px 0 -2px 0;
	padding:0;
	list-style:none;
}

#sub #sub_cont #sub-nav #sub-nav_cont ul li{
	margin:0;
	padding:0;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ddd;
}

#sub #sub_cont #sub-nav #sub-nav_cont ul li a{
	display:block;
	padding:11px 0 10px 30px;
	background:url(images/sub-nav-li_bg.gif) no-repeat;
}

#sub #sub_cont #sub-nav #sub-nav_cont ul li a:hover{
	text-indent:1px;
}

#footer{
	background:#414448;
}

#footer_cont{
	width:940px;
	margin:0 auto;
	padding:15px 0 60px 0;
}

#footer #footer_cont ul{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
}

#footer #footer_cont ul li{
	display:inline;
	padding:0 10px 0 0;
	font-size:11px;
}

#footer #footer_cont ul li a{
	color:#fff;
}


.unit-l-380{
	float:left;
	width:380px;
	padding:0 0 40px 0;
}

.unit-r-300{
	float:right;
	width:300px;
	padding:0 0 40px 0;
}

.unit-l-340{
	float:left;
	width:340px;
	padding:0 0 40px 0;
}

.unit-r-340{
	float:right;
	width:340px;
	padding:0 0 40px 0;
}

















