@charset "UTF-8";

@import url(base.css);
@import url(textsettings.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:#00642D;
}
a:visited{
	color:#00642D;
}
a:hover{
	color:#777;
}
a:active{
	color:#777;
}

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

html{
	height:100%;
}

body{
	height:100%;
}

* html div#container{
    height:100%;
}

#container{
	margin:0 auto;
	position:relative;
	border-top: 2px solid #3C2E28;
	font-size: 92%;
	min-height: 100%;
}

body > #container{
    height: auto;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */

#header-area{
	background:#FFF url(../img/common/head_bg.jpg) repeat-x left top;
}

.header{
	width:870px;
	margin: 0 auto;
	padding: 0px 0 0 0px;
	border: 0px solid #390;
	height: 76px !important;
	position:relative;
}

img.logo{margin: 16px 0 0 0px;}

.globalmenu{
	border: 0px solid #390;
	float:right;
	width:550px;	
}

.globalmenu li{
	float:left;
	line-height:1;
}

/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	width:870px;
	margin: 0 auto;
	padding: 0px 0 79px 0px;
}


/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area{
	width:210px;
	margin: 0 0 20px 0px;
	float:right;
}

#submenu-area .submenu{
	margin:0 0 10px 0;
}

img.ban{margin: 0 0 10px 0px;}
img.ban_s{margin: 0 0 5px 0px;}

.side_contents{
	margin: 10px 0 0px 0px;	
	padding: 0px 0 15px 0px;	
	background:#FFF url(../img/common/side_border.gif) no-repeat left top;
}

.side_contents p.title{
	margin: 0px 0 5px 0px;
	padding: 8px 0 0 0px;
	font-size: 114%;
	font-weight: bold;
	color:#29201D;
	font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
}
	
.sidemenu{
	border: 0px solid #390;
	margin: 0 0 27px 0px;
}

.sidemenu img{display: block;}


/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */

#main-area{
	width:620px;
	float:left;
	border: 0px solid #C00;
}

.mainimg{
	background:#FFF url(../img/common/mainimg_bg.jpg) no-repeat center top;	
	border-bottom: 1px solid #999;
}

#main-area .pagetitle{
	margin:0 0 30px 0;
}
.section{
	margin:0 0 25px 0;
	border: 0px solid #C00;
}

.pagetop{text-align:right; margin:25px 0 0 0;}

/* -パンくずリスト------------------------------------------------ */

.pan{}

.pan ul{
	padding: 7px 0px;
	margin: 0 0 8px 0px;
}
.pan li{
	float: left;
	margin: 0 7px 0 0px;
	font-size:82%;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
	background:#FFF url(../img/common/footer_bg.jpg) repeat-x left top;
	height: 79px;
	position:absolute;
    bottom:0px;
    width:100%;
}

#footer-area ul{
	width: 870px;
	margin: 0 auto;
	padding: 16px 0 0 0px;
}

#footer-area li{
	float: right;
	margin-right: 10px;
	display:inline;
}

#footer-area p.copyright{
	text-align:right;
	font-size:92%;
	margin:0;
	text-align: center;
	color: #EEE;
	font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
	}


/* ------------------------------------------------------------ */
/* デザインパーツ_Default */
/* ------------------------------------------------------------ */

.left,p.left,img.left {float: left;}

.right,p.right,img.right {float: right;}

img.center {text-align: center; display: block; margin: 0 auto;}
ul.center {text-align: center;}
ul.center li{display:inline; margin-right: 6px;}

a:hover img.focus{
	filter: alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}

.bor{border: 1px solid #CCC;}
.no_b{border: 0px !important;}

.clear{clear:both;}

/* ------------------------------------------------------------ */
/* デザインパーツ_Addition */
/* ------------------------------------------------------------ */

p.arrow_g{
	background:#FFF url(../img/common/arrow_g.gif) no-repeat left center;
	padding: 0 0 0 20px;
}