@charset "UTF-8";

/* ***********************************************************
*
* Since:     2013-01-08
* Editor:    contents
* Modified:  2013-01-08 by:contents TAZAKI
*
* ***********************************************************
*/


/* font-size===========================================

10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%

===================================================== */


/* +++++++++++++++++++++++++++++++++++++++++++++++

     base

+++++++++++++++++++++++++++++++++++++++++++++++ */

body{
	margin:0px;
	padding:0px;
	background:url(../common/body_bg.jpg) repeat 0 0;
	
}

.conBox p{
	padding:0 5px;
	margin-bottom:15px;
}

h3.sttl{
	margin-bottom:15px;
}

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

		#head

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


div#head{
	/*position:fixed;*/
	position:absolute;
	margin:0px;
	padding:0px;
	background:url(../common/header_bg.png) 0 0 repeat-x;
	width:100%;
	height:105px;

}

div#head div.headerInner{
	width:980px;
	margin:0 auto;
	position:relative;
	height:105px;
}
div.headerInner h1{
	position:absolute;
	left:0px;
	top:10px;
}

div.headerInner ul{
	position:absolute;
	right:0px;
	top:28px;
}
div.headerInner ul li{
	float:left;
	padding-right:20px;
}

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

		#ttl

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

div#ttl{
	width:100%;
	background:url(../common/ttl_bg.jpg) 0 0px repeat-x;
	margin:0px auto 0px;
	padding-top:105px;
}

div#ttl h2{
	width:1140px;
	margin:0px auto 0px;


}


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

		#gNav

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


div#gNav{
	background:url(../common/gnav_bg.jpg) 0 0 repeat-x;	

}

div#gNav ul {

	width:979px;
	margin:0 auto;	
}
	div#gNav ul:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}
	div#gNav ul{
	display:inline-block;
	}
	* html div#gNav ul{
	height:1%;
	}
	div#gNav ul{
	display:block;
	}

div#gNav ul li{
	float:left;
	
}




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

		#contents

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



div#contents{
	width:1020px;
	margin:0 auto;	
	padding:0 0 30px;
	background:url(../common/con_bg.jpg) repeat 0 0;
	
	z-index:200;


}

	div#contents:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}
	div#contents{
	display:inline-block;
	}
	* html div#contents{
	height:1%;
	}
	div#contents{
	display:block;
	}



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

		#main

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

div#main{
	float:left;	
	width:700px;
	margin:15px 20px 0;
	padding:0px 0 0 0;

}
	*html div#main{
		float:left;	
		width:700px;
		margin:15px 10px 0;
		padding:0px 0 0 0;
	
	}


	#jyunbi div#main{
		min-height:600px;
		height:600px;
	}




/* topicPath */
ul.topicPath{
	width:700px;
	margin:0px auto 12px;
	text-align:left;
	border-bottom:1px dotted #CCC;
	padding:0px 0 8px 5px; 
}

ul.topicPath li{
	font-size:93%;
	float:left;
	color:#333;
}
ul.topicPath li a{
	text-decoration:underline;
	color:#333;
}
ul.topicPath li a:hover{
	text-decoration:none;
}




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

		#side

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

#side {
	position: relative;


	width: 100%;

	z-index:100;
}

.fixed {
	position: fixed;
	top: 15px;

}



div#side{
	float:right;	
	width:260px;
	padding:15px 20px 0 0;
}
	*html div#side{
		padding:15px 0px 0 0;
	}

div#nofix {
	width:260px;
	padding:0px 20px 0 0;
	margin:0 auto;


}

#sideInner {
	width:260px;
	padding:0px 20px 0 0;


}


div#side h3{
	margin-bottom:-2px;
	
}

div#side dl.s_nav{
	background:#FFF;
	border-bottom:2px solid #CCC;
	padding:0 5px;
	margin-bottom:25px;
}
div#side dl.s_nav dt{
	margin-bottom:10px;
}
div#side dl.s_nav dd{
	margin-bottom:10px;
	padding:0 8px;
}
div#side dl.s_nav dd a{
	background:url(../common/icon_arrow_snav.jpg) 0 50% no-repeat;
	padding:0 0 0 14px;
}

div#side ul.s_nav{
	background:#FFF;
	border-bottom:2px solid #CCC;
	padding:10px 5px 0;
	margin-bottom:25px;
}

div#side ul.s_nav li{
	margin-bottom:10px;
	padding:0 8px;
}
div#side ul.s_nav li a{
	background:url(../common/icon_arrow_snav.jpg) 0 50% no-repeat;
	padding:0 0 0 14px;
}


ul.s_bnr{
	border-top:1px dotted #666;
	margin-bottom:18px;	
	padding-top:20px;
}
ul.s_bnr{
	border-top:1px dotted #666;
	margin-bottom:18px;	
	padding-top:20px;
}
	ul.s_bnr.notop{
		border-top:none;
		margin-bottom:18px;	
		padding-top:10px;
	}


ul.s_bnr li.bnr_contact{
	margin-bottom:15px;	
}
ul.s_bnr li{
	margin-bottom:10px;	
}

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

		#footer

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


div#footer{
	color:#CCC;
	text-align:center;
	line-height:1.8;
	padding:0px 0;
	margin-top:0px;
	background:url(../common/footer_bg.jpg) 0 0 repeat-x;
	height:218px;
		
		position:relative;
		z-index:300;

}
div#footer a{
	color:#FFF;
	text-decoration:underline;
}
div#footer a:hover{
	text-decoration:none;	
}

div.footerInner{
	width:979px;
	margin:0 auto;
	position:relative;	
}
div#footer dl.address{
	width:246px;
	padding:10px 0;
	margin-right:50px;
	float:left;	
}
div#footer dl.address dt{
	margin-bottom:22px;
}
div#footer dl.address dd{
	color:#CCC;
	text-align:left;
	line-height:2.2;

}



div#footer ul.f_sitemap{
	float:left;
	width:426px;
	background:url(../common/footer_link_bg.jpg) repeat 0 0;
	padding:10px 0px 8px 30px;
	margin:20px 50px 30px 0;
}
div#footer ul.f_sitemap li{
	float:left;
	width:213px;
	margin-bottom:8px;
}
div#footer ul.f_sitemap li dl{

}


	/* ---- clearfix ---- */
	div#footer ul.f_sitemap li dl:after {
		 content: ".";
		 display:block;
		 height:0;
		 clear:both;
		 visibility:hidden;
	}
	div#footer ul.f_sitemap li dl{
		 display:inline-block;
	}
	/* hides from IE-mac \*/
	* html div#footer ul.f_sitemap li dl{
		 height:1%;
	}
	div#footer ul.f_sitemap li dl{
		 display:block;
	}



div#footer ul.f_sitemap li dl dt{
	float:left;
	padding-left:1em;
	font-weight:bold;
	font-size:108%;
	padding-right:10px;
}
div#footer ul.f_sitemap li dl dd{
}
div#footer ul.f_sitemap li dl dd a{
	background:url(../common/footer_link_arrow.jpg) 0 50% no-repeat;
	padding-left:14px;
}



div#footer ul.f_link{
	float:left;
	margin:20px 0px 0 0;
	background:url(../common/f_link_line.jpg) 0 0 no-repeat;
	padding-left:20px;

}
div#footer ul.f_link li{
	margin-bottom:10px;
	
}
div#footer ul.f_link li a{
	background:url(../common/footer_link_arrow02.jpg) 0 50% no-repeat;
	padding-left:16px;
}





div.footerInner p.copyright{
	position:absolute;
	right:0px;
	bottom:-20px;
	color:#666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}