@charset "UTF-8";



@import url(base.css);

@import url(textsettings.css);





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



textsetting.css

各ブラウザでのフォントサイズの違いをなくすcss



base.css

bodyの余白や、h1h2...の余白、clearfixなど、



【common.css】

上記cssのimportや、レイアウト（大枠）を記載したcss



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





/*  フォントサイズ早見表

	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。

	左記のパーセントで指定してください。



	77% = 10px	|	122% = 16px	|	167% = 22px	

	85% = 11px	|	129% = 17px	|	174% = 23px 

	92% = 12px	|	136% = 18px	|	182% = 24px 

	100% = 13px	|	144% = 19px	|	189% = 25px 

	107% = 14px	|	152% = 20px	|	197% = 26px 

	114% = 15px	|	159% = 21px	| 	



*/



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

/* リンク色 */

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



a:link{ color:#52417E; }

a:visited{ color:#52417E; }

a:hover{ color:#EC8989; }

a:active{ color:#CC2A39; }



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

/* 基本、レイアウト指定 */

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



body{

	background:url(../img/common/bg_top.jpg) no-repeat top #6F4F39;

}



#container{

	width:950px;

	margin:0 auto;

	position:relative;

}



/* 右レイアウト、左レイアウト */



#main-area{

	width:710px;

	float:right;

	color:#666666;

}



#side-area{

	width:240px;

	float:left;

	color:#A5A3A1;

}



/* コンテンツの枠 */

.section{

	width:630px;

	line-height:160%;

}



.left{ float:left; }

.right{ float:right; }



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

/* コンテンツ大枠 */

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



#contents-area{

	background:url(../img/common/container_bg.gif) repeat-y;

}



#contents-area .sitepath{

	font-size:77%;

	padding:5px;

	margin:0;

}



#contents-area .sitepath a:link,

#contents-area .sitepath a:visited{

	color:#333;

}

#contents-area .sitepath a:hover,

#contents-area .sitepath a:active{

	color:#666;

}





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

/* サイドエリア */

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





#identity{

	width:240px;

	height:163px;

}



.globalmenu ul li{

	font-size:0px;

}



.globalmenu li ul.globalmenu2{

	background:url(../img/common/menu_bg.jpg) repeat-x top #31241A;

	width:240px;

}



.globalmenu li ul.globalmenu2 li{

	padding:8px 0 8px 20px;

}



.submenu{

	padding:20px;

}



/*#submenu-area .submenu li a:link,

#submenu-area .submenu li a:visited{

	display:block;

	width:170px;

	height:39px;

	line-height:39px;

	padding:0 0 0 15px;

	color:#333;

}



#submenu-area .submenu li a:hover,

#submenu-area .submenu li a:active{

	display:block;

	width:170px;

	height:39px;

	line-height:39px;

	padding:0 0 0 15px;

	color:#666;

}*/



.submenu-title{

	text-align:center;

}



.address{

	padding:0 0 10px 0;

	margin:0 0 10px 0;

	border-bottom:1px #A5A3A1 solid;

}



.address a{ color:#A5A3A1;}

.address a:hover,

.address a:active{ color:#FAFAFA;}



.mobile{

	width:200px;

}



.mobile .text{

	width:95px;

}

	

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

/* メイン */

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



#main-area a img:hover,

#main-area a img:active{

	filter		: alpha(opacity=70);

	opacity		: 0.7;

	-moz-opacity	: 0.7;

}



#main-area h1{

	padding:0 0 30px 0;

}



#main-area .pagetitle{

	margin:0 0 30px 0;

}



.section{

	margin:0 auto 20px auto;

}



.section h2{

	padding:0 0 15px 0;

}



.section .text{

	width:422px;

}



.pagetop{

	width:630px;

	text-align:right;

	margin:0 auto 30px auto;

	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

	font-size:77%;

	background-color:#ACA899;

}



.pagetop a{

	display:block;

	color:#241A13;

	padding:5px 10px 5px 0;

}



.pagetop a:hover{

	background-color:#CECCC4;

}





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

/* フッター */

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



#footer-area{

	background-color:#17110D;

	padding:10px 40px 40px 0px;

}

#footer-area p.copyright{

	text-align:right;

	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

	font-size:77%;

	margin:0;

	color:#A5A3A1;

}



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

/* 文字サイズ変更ボタン */

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



/* .letter_size {

	width:151px;

	height:26px;

	background:url(../img/letter-size/letter_size.gif) no-repeat;

	position:absolute;

	top:0px;

	left:440px;

}



.letter_size ul {

	padding:3px 0px 0px 65px;

}



.no_js ul {

	padding:0px;

}



.no_js li {

	float:left;

	margin-left:0px;

}



.no_js ul li img {

	padding:0px;

	display:block;

}



#fontNavi img {

	display:inline;

	padding-left:2px;

}*/





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

/* デザインパーツ */

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



.section h3{

	margin:0 0 0 0;

	font-size:122%;

	color:#000;

}



.dotto_top{

	border-top:1px dotted #CCC;

}

.dotto_bottom{

	border-bottom:1px dotted #CCC;

}



img.left {

	float: left;

	margin: 0 12px 5px 0;

}



img.right {

	float: right;

	margin: 0 0 5px 12px;

}



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

/* トップページ */

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



.info_de{

	position:relative;

	bottom:18px;

	left:555px;

}



*:first-child+html .more{

	left:570px;/*IE7用*/

	bottom:29px;

}