@charset "utf-8";

/* ===================================================================
 file name  :common.css
 style info :共通のスタイル指定(ヘッダー、フッター、サイドバー)
=================================================================== */

/* 共通スタイル
----------------------------------------------------------- */
a{
	outline:none;
	color:#836F39;
	text-decoration:underline;
}

a:hover{ text-decoration:none; }

body{
    color: #404040;
    font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',verdana,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: small;
    line-height: 1.5;
}

br { letter-spacing: 0; }

dt, dd, li { list-style-type: none; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-table; overflow:hidden; }
  /* Hides from IE-mac */
* html .clearfix { height: 1%; }
      .clearfix { display: block; }
      /* End hide from IE-mac */

#Vesicomyid-BEACON113831{display:none;}
.clear{ clear:both; }

#container{ position:relative; width:950px; margin:0px auto; }

a img:hover{
   filter:alpha(opacity=80);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=80)"; /* IE8用 */
    -moz-opacity:0.8; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.8;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.8; /* Firefox 1.5以上, Opera, Safari用 */
}

.no_margin{
	margin-left:0 !important;
	margin-right:0 !important;
}

/* ヘッダー
----------------------------------------------------------- */
#header{
	/*このように入力して行って下さい。*/

	height:130px; background:url(../../images/common/header_back.jpg) center 0px repeat-x;
}

.header_01{ margin:0px auto; width:950px;}

.header_02{ height:83px;}

.header_03{ width:950px; height:47px;}
#header_navi{ width:950px; height:47px; margin:0px; padding:0px; list-style-type:none;}

#header_navi li{ float:left; height:47px;margin:0px; padding:0px;}
#header_navi li a{height:47px; font-size:14px; text-indent:-4000px; display:block; background-repeat:no-repeat; background-image:url(../../images/common/menu.jpg);}
#header_navi li a:hover{height:47px; font-size:14px; text-indent:-4000px; display:block; background-repeat:no-repeat; background-image:url(../../images/common/menu_hover.jpg);}

#header_navi_01 a{ background-position:0px 0px; width:237px;}
#header_navi_02 a{ background-position:-237px 0px; width:238px;}
#header_navi_03 a{ background-position:-475px 0px; width:237px;}
#header_navi_04 a{ background-position:-712px 0px; width:238px;}

#header_navi_01 a:hvoer{ background-position:0px 0px; width:237px;}
#header_navi_02 a:hvoer{ background-position:-237px 0px; width:238px;}
#header_navi_03 a:hvoer{ background-position:-475px 0px; width:237px;}
#header_navi_04 a:hvoer{ background-position:-712px 0px; width:238px;}

.header_04{ float:left; margin-top:18px;}

.header_05{ float:right; width:600px;}

.header_06 a,.header_07 a{ float:right; margin-left:8px;}

.header_06{ clear:both; margin-top:6px;}

.header_07{ margin-top:11px;}

.header_08{text-align:right; color:#92918d; font-size:10px; margin-top:3px;}

.header_09{text-align:right; color:#92918d; font-size:10px; margin-top:0px;}
.header_09 h1.fr{float:right; margin-top:2px;}
.header_09 > ul{float:right; margin: 0 0 0 10px;}

.header_09 ul li.language{
	background: none;
	position: relative;
}
.header_09 ul li.language ul{
	display: none;
	width: 95px;
	position: absolute;
	top: 19px;
	/*left: 10px;*/
	z-index: 1200;
}
.header_09 ul li.language ul li{
	float: none;
	background: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #fff;
}
.header_09 ul li.language ul li a{
	display: block;
	padding: 3px 0;
	text-align: center;
	background: #bfb3a8;
	color: #fff;
	font-size: 11px;
}
.header_09 ul li.language ul li a{
	background: #755d2c;
}


/* サイドバー
----------------------------------------------------------- */
#side{
	/*このように入力して行って下さい。*/

	float:right; width:215px;
	font-size:12px;
}

.side_01{ margin:0px auto; margin-bottom:14px; width:215px; padding:37px 0 5px; background:url(../../images/common/side_back01.jpg) center 0px no-repeat #ebe9d7; text-align:center;}

.side_02{ margin-bottom:8px;}

.side_03{ width:215px; height:471px; padding-top:37px; margin-bottom:14px; background:url(../../images/common/side_back02.jpg) center 0px no-repeat; text-align:center;}

.side_04{ margin-bottom:3px;}

.side_05{ width:206px; padding-left:9px; text-align:left; font-size:12px; line-height:18px; letter-spacing:-0.1em; margin-bottom:8px;}
.side_05 a{ color:#836f39; text-decoration:underline;}
.side_05 a:hover{ text-decoration:none;}

.side_06{ margin-bottom:10px;}

.side_07{ text-align:right; margin-top:24px;}




.side_08{ width:215px; height:335px; padding-top:88px; margin-top:7px; margin-bottom:10px; background:url(../../images/common/side_back03_n.jpg) no-repeat; color:#FFF;}
.side_08 span{ color:#ffffff; font-size:12px; margin:0px 2px; padding:0;}

.side_09{ width:176px; height:20px;}

.side_10{ float:left; width:91px; height:20px;}

.side_11{ float:left; width:45px; height:20px;}

.side_12{ float:left; width:51px; height:20px;}

.side_13{ float:left; width:51px; height:20px;}

.side_14{ height:60px; text-align:center; }

.side_15{ height:82px; padding-left:20px;}

.side_16{ height:47px; padding-left:20px;}

.side_17{ margin-right:3px;}

.side_18{ margin-right:5px;}

.side_19{ text-align:center;}

.side_20{ width:152px; height:31px; background:url(../../images/common/side_an01.jpg) center 0px no-repeat; border:0px; margin-bottom:5px;}

.side_21{ width:152px; height:31px; background:url(../../images/common/side_an02.jpg) center 0px no-repeat; border:0px;}

.s_btn{
	float:left;
	width:150px;
	height:29px;
	border:0px;
	margin:0 0 5px 32px;
}





/* フッター
----------------------------------------------------------- */
#footer{
	/*このように入力して行って下さい。*/

	height:200px; background:url(../../images/common/footer_back.jpg) center 0px repeat-x;
}


.footer_01{ margin:0px auto; width:950px;}

.footer_02{ height:42px; padding-top:18px;}

.footer_03{ width:950px; height:92px; padding-top:15px;}

.footer_04{ width:950px; padding-top:3px; font-size:10px; color:#c7c3bb;}

.footer_05{ float:left;}

.footer_06{ float:right; text-align:right; color:#c7c3bb; font-size:12px;}
.footer_06 a{ color:#c7c3bb; text-decoration:none;}
.footer_06 a:hover{ text-decoration:underline;}

.footer_07{ float:left;}
.footer_07 + .footer_07 {	margin-left: 142px;}

.footer_08{ float:left; width:55px; height:70px;}

.footer_09{ float:left; width:160px;  padding-left:7px; color:#c7c3bb; font-size:9px; line-height:14px;}
.footer_09 b{ font-size:12px;}

.footer_10{ float:left;}

.footer_11{ float:right;}




/* 其の他
----------------------------------------------------------- */
#header_img{  padding-bottom:10px; background:url(../../images/index/flash_back01.jpg) center 0px repeat-x;}

.header_img01{ margin:0px auto; width:950px; padding-top:10px;}


#pagebody{ margin-top:5px; background:url(../../images/common/pagebody_back.jpg) center 0px #ffffff repeat-x; }

.pagebody_title{ width:937px; padding-top:10px; padding-bottom:13px; background:url(../../images/common/logo_x.jpg) left 10px no-repeat; padding-left:17px; color:#262111; font-size:12px; }
.pagebody_title span{ color:#7f7f7f;}
.pagebody_title a{ color:#262111; text-decoration:none;}
.pagebody_title a:hover{ text-decoration:underline;}


#pagebody_01{ margin:0px auto; width:950px; padding-left:20px; padding-right:20px; background:#ffffff;}


#mainpage{ float:left; width:710px;}



/*--------- SNS ----------------------------------------*/
.sns_btn{
	padding: 10px 0 0;
}

.sns_btn ul li{
	float:right;
	margin-left:15px;
	text-align: right;
}


.sns_btn{
	margin-right:5px\9;
}

.box {
	font-family: aa;
	font-size: 1px;
}

/*--------- sub_language ----------------------------------------*/
.sub_language{
	margin:10px 0;
	width:710px;
	height:50px;
	background-color:#e5dfc5;
	font-size:13px;
	letter-spacing:2px;
}
.sub_language ul{
	margin:0;
	padding:0;
}
.sub_language ul li{
	float:left;
	list-style:none;
	width:135px;
	text-align:center;
	border-left:solid 1px#FFF;
	margin:8px 0;
	padding:7px 0;
	color:#996600;
}
.sub_language ul li.language_title{
	font-weight:bold;
	border-left:none;
	width:155px;color:#47291F;
}
.sub_language ul li a{
	text-decoration:none;
	color:#996600;
}
.sub_language ul li a:hover{
	text-decoration:underline;
}
