@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  リセット及びbody初期設定 サイト全体共通css (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
/**/
html {
overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,th {
text-align: left;
}
q:before,q:after {
content: '';
}
object,
embed {
vertical-align: top;
}
hr,legend {
display: none;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form {
font-size: 100%;
font-weight: normal;
line-height:1;
}
img,abbr,acronym,fieldset {
border: 0;
}
li {
list-style-type: none;
}

img {
	vertical-align: bottom;
}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*--- default */


body {
color: #333;
font-size: 76%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background: url(/images/common/bg_body.gif) 0 0 repeat;

}

* html body {/* for IF6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/** html div#footer_inner ul#footer_navi li {
	padding: 0 0 0 15px !important;
}*/



a{ color:#333;text-decoration:underline }
a:hover { color:#333;text-decoration:none}



/************************************************** clearfix */

.clearfix:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }


/*----------------------------------------------------------------------------------
		 								container 
------------------------------------------------------------------------------------*/
div#container {
	background: url(/images/common/bg_container.gif) 0 0 repeat-y;
	padding: 40px 0 27px;
	width: 1020px;
	margin: 0 auto;
}




/*----------------------------------------------------------------------------------
		 								header 
------------------------------------------------------------------------------------*/

div#header {
	width: 952px;
	padding: 3px 0 0 0;
	margin: 0 auto 10px;
}

div#header:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#header { display: inline-block; }
div#header { display: block; }

div#header h1 {
	float: left;
	width: 106px;
}

div#header div#header_right {
	float: right;
	width: 400px;
	padding: 12px 0 0;
}

div#header div#header_right p {
	text-align: right;
}

div#header div#header_right p#sitemap {
	line-height: 1.6;
	margin: 2px 0 0;
}

div#header div#header_right p#sitemap a {
	background: url(/images/common/bg_arrow1.gif) 0 0.3em no-repeat;
	padding-left: 10px;
	text-decoration: none;
}

/*----------------------------------------------------------------------------------
		 								navi 
------------------------------------------------------------------------------------*/

div#navi {
	width: 1000px;
	margin: 0 auto 20px;
}

div#navi ul {
	background: url(/images/common/bg_navi.gif) 0 0 repeat-x;
	height: 44px;
	width: 976px;
	padding: 0 0 0 24px;
	margin: 0 0 0 0;
}

div#navi ul:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#navi ul { display: inline-block; }
div#navi ul { display: block; }

div#navi ul li {
	float: left;
}

div#navi ul li a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/*----------------------------------------------------------------------------------
		 								wrapper 
------------------------------------------------------------------------------------*/
div#wrapper {
	width: 952px;
	margin: 0 auto;
}
/* 各階層メイン画像 */
div#wrapper #main {
	margin-bottom: 10px;
}

/* パンクズ */
div#wrapper ul#path {
	margin-bottom: 23px;
	padding: 0 0 8px 1px;
	background: url(/images/common/bg_path_bottom.gif) 1px bottom no-repeat;
}

div#wrapper ul#path li {
	display: inline;
	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
	line-height: 1.4;
	background: url(/images/common/bg_path.gif) 0 0.1em no-repeat;
	font-size: 92%;
}

div#wrapper ul#path li.home {
	padding:0;
	margin: 0;
	background:none;
}





/*----------------------------------------------------------------------------------
		 								footer1 
------------------------------------------------------------------------------------*/
div#footer1 {
	clear: both;
	background: url(/images/common/bg_footer1.gif) 0 0 repeat-x;
}

div#footer1 p.pagetop {
	width: 972px;
	padding: 0 25px 0 0;
	margin: 0 auto;
	height: 32px;
	text-align: right;
	font-size: 83%;
	background:url(/images/common/bg_footer1_in.gif) 0 0 repeat-x; 
}


div#footer1 p.pagetop a {
	display:inline-block;
	width: 97px;
	height: 20px;
	padding: 12px 38px 0 0;
	background: url(/images/common/bg_pagetop.gif) 0 0 no-repeat;
}


/*----------------------------------------------------------------------------------
		 								footer2 
------------------------------------------------------------------------------------*/
div#footer2 {
	clear: both;
	background: url(/images/common/bg_footer2.gif) 0 0 repeat;
	padding: 30px 0;
}

div#footer2 div#footer_inner {
	width: 1000px;
	margin: 0 auto;
}

div#footer_inner p.logo {
	float: left;
	width: 102px;
	margin: 0 22px 15px 0;
}

div#footer_inner div.link {
	float: left;
	width: 600px;
}

div#footer_inner div.link ul {
	clear: both;
}

div#footer_inner div.link ul:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#footer_inner div.link ul { display: inline-block; }
div#footer_inner div.link ul { display: block; }

div#footer_inner div.link ul li {
	float: left;
	margin: 0 10px 0 0;
	line-height: 1.6;
	padding: 0 10px 0 0;
	border-right: 1px solid #fff;
}

div#footer_inner div.link ul li.last {
	border:none;
	padding: 0;
	margin: 0;
}

div#footer_inner div.link ul li a {
	color: #fff;
}

div#footer_inner p.copy {
	float: right;
	width: 210px;
}

div#footer_inner address {
	clear: both;
	margin: 0 0 0 125px;
}