@charset "utf-8";

/*============================================
 2010.05
 cmn.css
============================================*/

/*============================================
  reset Css 
============================================*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,p,table,th,td,form,input,textarea,select,label{ margin:0px; padding:0px; }
h1,h2,h3,h4{ font-size:100%; font-weight:normal; }
table{ border:0; }
img{ margin:0; padding:0; border:0; }
ul,dl{ list-style-type:none; }
textarea{ font-size:100%; }

body {
	font-family:"ＭＳ Ｐゴシック",Osaka,Helvetica,Arial,sans-serif;
	font-size:small;
	line-height:100%;
	background:#E5E5E5;
	color:#333333;
}

/*============================================
  class Css 
============================================*/

/* link
========================================== */
a:link,
a:visited{ color:#231815; text-decoration:underline; }
a:hover,
a:active{ color:#231815; text-decoration:none; }

/*	float clear
============================================*/
.floatLeft{ float:left; }
.floatRight{ float:right; }
.clear{ clear:both; height:0; font-size:0; line-height:0; }
.clear2{ clear:both; }
.clearfix{ /zoom:1; }
.clearfix:after{ content:''; display:block; clear:both; }

#contents,
#gnavi,
#pankuzu{ /zoom:1; }
#contents:after,
#gnavi:after,
#pankuzu:after{ content:''; display:block; clear:both; }

/*============================================
  base Css 
============================================*/

/*	container
============================================*/
#container{ background:url(../img/cmn_bg_01.gif) repeat-y center 0 #E5E5E5; }

/*	contents
============================================*/
#contents{
	width:899px;
	margin:0 auto;
	font-size:90%;
	background:url(../img/cmn_bg_02.gif) no-repeat 0 0;
}

#contents div#main{
	width:543px;
	float:left;
	padding:95px 63px 0 62px;
	border-bottom:1px solid #c8c7c8;
}
#contents div#side{
	width:231px;
	float:left;
	padding:16px 0 0;
}

/*	pankuzu
============================================*/
ul#pankuzu{
	width:543px;
	margin-bottom:11px;
}
ul#pankuzu li{
	float:left;
	padding-right:5px;
	font-weight:bold;
}
ul#pankuzu li a{
	display:block;
	margin-right:13px;
	padding-right:15px;
	background:url(../img/cmn_pankuzu_bg.gif) no-repeat right 6px;
}

/*	h1
============================================*/
h1{
	height:106px;
	clear:both;
	margin:0 0 0 -6px;
}

/*	gnavi
============================================*/
#gnavi{
	width:543px;
	height:26px;
	margin-bottom:35px;
}
#gnavi li{
	float:left;
}
#gnavi li a{
	height:26px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#gnavi li.gnavi1{ width:89px; display:inline; margin-right:11px; }
#gnavi li.gnavi1 a{ background:url(../img/cmn_gnavi.gif) no-repeat 0 0; }
#gnavi li.gnavi1 a:hover,
#gnavi li.gnavi1 .on{ background:url(../img/cmn_gnavi.gif) no-repeat 0 -26px; }
#gnavi li.gnavi2{ width:87px; display:inline; margin-right:16px; }
#gnavi li.gnavi2 a{ background:url(../img/cmn_gnavi.gif) no-repeat -100px 0; }
#gnavi li.gnavi2 a:hover,
#gnavi li.gnavi2 .on{ background:url(../img/cmn_gnavi.gif) no-repeat -100px -26px; }
#gnavi li.gnavi3{ width:109px; display:inline; margin-right:16px; }
#gnavi li.gnavi3 a{ background:url(../img/cmn_gnavi.gif) no-repeat -203px 0; }
#gnavi li.gnavi3 a:hover,
#gnavi li.gnavi3 .on{ background:url(../img/cmn_gnavi.gif) no-repeat -203px -26px; }
#gnavi li.gnavi4{ width:87px; display:inline; margin-right:21px; }
#gnavi li.gnavi4 a{ background:url(../img/cmn_gnavi.gif) no-repeat -327px 0; }
#gnavi li.gnavi4 a:hover,
#gnavi li.gnavi4 .on{ background:url(../img/cmn_gnavi.gif) no-repeat -327px -26px; }
#gnavi li.gnavi5{ width:106px; display:inline;}
#gnavi li.gnavi5 a{ background:url(../img/cmn_gnavi.gif) no-repeat -436px 0; }
#gnavi li.gnavi5 a:hover,
#gnavi li.gnavi5 .on{ background:url(../img/cmn_gnavi.gif) no-repeat -436px -26px; }

/*	gnavi
============================================*/
#gnavi_e{
	width:543px;
	height:26px;
	margin-bottom:35px;
}
#gnavi_e li{
	float:left;
}
#gnavi_e li a{
	height:26px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#gnavi_e li.gnavi1{ width:91px; display:inline; margin-right:21px; }
#gnavi_e li.gnavi1 a{ background:url(../../e/gallery/img/cmn_e_gnavi.gif) no-repeat 0 0; }
#gnavi_e li.gnavi1 a:hover,
#gnavi_e li.gnavi1 .on{ background:url(../../e/gallery/img/cmn_e_gnavi.gif) no-repeat 0 -26px; }
#gnavi_e li.gnavi2{ width:77px; display:inline; margin-right:20px; }
#gnavi_e li.gnavi2 a{ background:url(../../e/gallery/img/cmn_e_gnavi.gif) no-repeat -112px 0; }
#gnavi_e li.gnavi2 a:hover,
#gnavi_e li.gnavi2 .on{ background:url(../../e/gallery/img/cmn_e_gnavi.gif) no-repeat -112px -26px; }
#gnavi_e li.gnavi3{ width:138px; display:inline; }
#gnavi_e li.gnavi3 a{ background:url(../../e/gallery/img/cmn_e_gnavi.gif) no-repeat -256px 0; }
#gnavi_e li.gnavi3 a:hover,
#gnavi_e li.gnavi3 .on{ background:url(../../e/gallery/img/cmn_e_gnavi.gif) no-repeat -256px -26px; }

/*	pagetop
============================================*/
#pagetop{
	clear:both;
	background:#000000;
	text-align:center;
}
.pagetop{
text-align:right;
padding-bottom:14px;
}
/*============================================
  common(main)
============================================*/
/*	h2
============================================*/
h2{
	margin-bottom:10px;
}

/*	number
============================================*/
ul.number li{
	padding:0 0 0 23px;
	line-height:250%;
}
ul.number li.no01{ background:url(../img/cmn_number_01.gif) no-repeat 0 5px; }
ul.number li.no02{ background:url(../img/cmn_number_02.gif) no-repeat 0 5px; }
ul.number li.no03{ background:url(../img/cmn_number_03.gif) no-repeat 0 5px; }
ul.number li.no04{ background:url(../img/cmn_number_04.gif) no-repeat 0 5px; }
ul.number li.no05{ background:url(../img/cmn_number_05.gif) no-repeat 0 5px; }
ul.number li.no06{ background:url(../img/cmn_number_06.gif) no-repeat 0 5px; }

/*	p
============================================*/
p.lead{
	margin-bottom:42px;
	line-height:250%;
}

.cautionTxt{
color:#FF0000;
}

/*============================================
  common(side)
============================================*/
/*	englishLink
============================================*/
.englishLink{
	width:195px;
	margin:0 auto 106px;
	text-align:right;
}

/*	siteTitle
============================================*/
.siteTitle{
	width:195px;
	margin:0 auto 68px;
}

/*	sitetopLink
============================================*/
.sitetopLink{
	width:195px;
	margin:0 auto 38px;
}

/*	sideMenu
============================================*/
.sideMenu{
	width:231px;
}
.sideMenu li{
line-height:0;
	width:231px;
	margin-bottom:13px;
}
.sideMenu li a{
	display:block;
}

/*	sideBanner
============================================*/
.sideBanner{
	width:195px;
	margin:0 auto;
}
.sideBanner li{
	width:195px;
	margin-bottom:3px;
}
.sideBanner li img{
	display:block;
}


/*	other
============================================*/
.font_L{
font-size:115%;
}	
.mb10{
margin-bottom:10px;
}
.ml10{
margin-left:10px;
}
.ml20{
margin-left:20px;
}
.pr10{
padding-right:10px;
}
.mt10{
margin-top:10px;
}