@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:#000;
}
a:visited{
	color:#000;
}
a:hover{
	color:#999;
}
a:active{
	color:#999;
}

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

html{height:100%;}

body{
	height:100%;
}

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

#container{
	margin:0 auto;
	position:relative;
	font-size:92%;
	height:100%;
    min-height: 100%;
}

body > #container {
    height: auto;
}

#contents-area{
	width:880px;
	border: 0px solid #390;
	margin: 0 auto;
	padding: 40px 0 0 0px;
	background:#FFF url(../img/common/cot_bg.gif) repeat-y center top;
    padding-bottom:180px;
}

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

#img_area{
	z-index:0;
	border-bottom: 1px dotted #000;
	text-align:center;
}

#header-area{
	border: 0px solid #000;
	background:transparent url(../img/common/head_bg01.png) repeat-x center top;
	height:130px;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
}

#head_in{
	width: 870px;
	margin: 0 auto;
}

img.logo{
	margin: 0 0 0 18px;
	float:left;
	display:inline;
}

.globalmenu{
	width: 505px;
	float:right;
}

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

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

#submenu-area{
	width:230px;
	float:right;
	border: 0px solid #390;
	padding: 0 0 20px 0px;
	margin: 0 0 30px 0px;
}

.submenu{
	margin:0 0 22px 0;
}

.submenu img{
	display:block;
	vertical-align: bottom;
}

.sub_in{
	border-left: 3px solid #B42818;
	padding: 0 0px 5px 12px;
	width:180px;
}

.sub_in img{margin: 15px 0 0 0px;}

.s_i{background: url(../img/common/sub_bg_in.gif) no-repeat right bottom;}	
.s_m{background: url(../img/common/sub_bg_me.gif) no-repeat right bottom;}	


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

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

.section{
	margin:0 0 35px 0;
	padding:0 0 10px 0;
}

.section_n{
	margin:0 0 20px 0;
	padding:0 0 0px 0;
}

.pagetop{
	width:548px;
	text-align:right;
	margin:0 auto 0px auto;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
}


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

#footer-area{
	background:url(../img/common/footer_bg.jpg) repeat-x center bottom;
	color:#CCC;
    position:absolute;
    bottom:0px;
	height:180px;
    width:100%;
	z-index:2;
}

#footer-area a:link,#footer-area a:visited{color:#CCC; text-decoration:none;}
#footer-area a:hover,#footer-area a:active{color:#CCC; text-decoration:underline;}

img.page{margin: 0 10px 0 0px; display:inline;}

#footer_in{
	width: 870px;
	border: 0px solid #000;
	margin: 0 auto;
	height: 180px;
	background:url(../img/common/footer_bg02.jpg) no-repeat left bottom;
}

.f_left{float:left; padding: 25px 0 0 0px; border: 0px solid #CCC;}
.f_right{float:right; padding: 65px 0 0 0px; border: 0px solid #CCC;}

.f_right ul{margin: 0 0 5px 0px; text-align:right;}
.f_right li{display: inline; }

img.com{margin: 0 0 22px 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;
	}

.clear{
	clear:both;
}

.acc{
	border: 1px solid #390;
    position:absolute;
    bottom:0px;	
	z-index:0;
}

/* ------------------------------------------------------------ */
/* 見出し */
/* ------------------------------------------------------------ */

h3{
	margin: 0 0 20px 0px;
}

/* ------------------------------------------------------------ */
/* デザインパーツ_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;}

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;}


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