@charset "utf-8";
@import url("../css/menu.css");



/*--- clearfix ---*/

.clearfix,
#header,
#headerMenu,
#ctsWrap,
#footerMenu,
#headerMenu,
#sponsor ul{
	zoom: 1; /* for IE5.5 - IE7 */
	overflow: hidden;
  }

.clearfix:after,
#header:after
#headerMenu:after,
#ctsWrap:after,
#footerMenu:after,
#headerMenu:after,
#sponsor ul:after{ /* for modern browser */
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  }
  
/*///////////// グローバルスタイル /////////////*/

/*---

文字サイズ基本設定
75% →　約12px（win/IE 文字サイズ　中）

相対設定（100%=12pxの時）

134% →約16px
125% →約15px
117% →約14px
109% →約13px
100% →約12px
92%　→約11px
84%　→約10px

（100%=14pxの時）

114% →約16px
107% →約15px
100% →約14px
93%　→約13px
86%　→約12px
79%　→約11px

---*/


/*float*/
.floatL{float:left;}
.floatL10{float:left; margin-right:10px;}
.floatR{float:right;}
.floatR10{float:right; margin-left:10px;}
.floatclear{clear:both;}

/*position*/
.positionC{text-align:center;}

/*spacer*/
.padding0 {padding: 0px;}
.padding3 {padding: 3px;}
.padding5 {padding: 5px;}
.padding7 {padding: 7px;}
.padding10 {padding: 10px;}
.padding20 {padding: 20px;}
.margin3{margin: 3px;}
.margin5{margin: 5px;}
.margin10{margin: 10px;}
.marginTop20{margin-top: 20px;}
.marginTop10{margin-top: 10px;}
.marginTop5{margin-top: 5px;}
.marginTop3{margin-top: 3px;}
.marginBottom30{margin-bottom: 30px;}
.marginBottom20{margin-bottom: 20px;}
.marginBottom10{margin-bottom: 10px;}
.marginBottom5{margin-bottom: 5px;}
.marginBottom3{margin-bottom: 3px;}
.marginRight20{margin-right: 20px;}
.marginRight10{margin-right: 10px;}
.marginRight5{margin-right: 5px;}
.marginRight3{margin-right: 3px;}
.marginLeft20{margin-left: 20px;}
.marginleft10{margin-left: 10px;}
.marginLeft5{margin-left: 5px;}
.marginLeft3{margin-left: 3px;}
.ctsBox{	}

/*txt*/
.txtRed{color:#FF0000;}
.txtNavy{color:#003366;}
.txtBule{color:#006699;}
.txt11{font-size:92%;}
.txt14{font-size:117%;}

/*border*/
.borderGray{border:1px solid #CCC;}
.lineBtmGray{border-bottom:1px solid #CCC; padding-bottom:5px;}

/*bg*/
.bgGray{background:#DFDFDF; color:#FFF; padding:3px;}
.bgGray2{background:#555; color:#FFF; padding:3px;}
.bgOrange{
	background:#FF9900;
	color:#FFF;
	padding:3px;
	margin-right:5px;}
.bgNavy{
	background:#003366;
	color:#FFF;
	padding:3px;
	margin-right: 5px;}
.bgRed{
	background:#CC0000;
	color:#FFF;
	padding:3px;
	margin-right: 5px;}

/*Title*/
.pageTit{
	border:1px solid #CCC;
	margin:0 0 20px;
	padding:5px;}
.pageTit h2{
	border-bottom:2px solid #0B2F78;
	padding:10px 0;}

.sTitLine{
	border:1px solid #CCC;
	padding:8px;
	margin:0 0 20px;}
.ssTitGreen{
	background:url(../img/bg_tit_line_green.gif) 0 0 no-repeat;
	font-size:117%;
	margin:0 0 10px;
	padding:0 0 0 18px;}
.ssTitunderLine{
	border-bottom:2px solid #CCC;
	font-size:117%;
	margin:0 0 10px;
	padding:5px 0 0;}
.ssTitunderLine span{
	border-bottom:2px solid #009900;
	padding:2px 5px;}


/*///////////// 共通項目 /////////////*/

/*--- デフォルト設定 ---*/

*{
    margin:0;
    padding:0;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',/*'メイリオ',Meiryo,*/'ＭＳ Ｐゴシック',sans-serif;
	font-size: 75%;
	color:#666666;
	font-style: normal;
	font-weight: 100;
	letter-spacing:0.1em;
	margin: 0;
    padding: 0;
	line-height:1.5;
	background:url(../img/bg_header.gif) 0 27px repeat-x;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}

h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
    padding: 0;
    margin: 0;
}

img { border: none; }

a:link,a:visited{
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',/*'メイリオ',Meiryo,*/'ＭＳ Ｐゴシック',sans-serif;
	font-style: normal;
	font-weight: 100;
	color:#09C;
    text-decoration:underline;
}
a:hover,a:active{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',/*'メイリオ',Meiryo,*/'ＭＳ Ｐゴシック',sans-serif;
	font-style: normal;
	font-weight: 100;
    color:#930;
    text-decoration:none;
}

li{	list-style:none; display:block;}

/**** ページlayout ****/

/*--header--*/
#header{
	margin:10px auto 30px;
	width:750px;}
#rogo {
	float:left;
	position:absolute;
	z-index:2;}
#headerMenu{
	padding:40px 0 0 0;
	margin:0 0 20px;}
.mainImg{clear:both;}


/*--contents--*/
#ctsWrap{
	margin:0 auto 30px;
	width:750px;}
#columnL{
	width:190px;
	float:left;}
#columnR{
	width:540px;
	float:right;}

#pan{
	font-size:92%;
	margin-bottom:10px;}

p#pageTop{
	clear:both;
	text-align:right;
	padding-right:10px;}

/*--footer--*/
#footer{
	background:url(../img/bg_img_bottom.jpg) center bottom no-repeat;
	padding:60px 0 45px;}

#footerMenu{
	margin:0 auto;
	width:750px;
}
#footerMenu .copyright{
	color:#FFF;
	font-size:92%;
	margin: 13px 0 0 0;}
	
/*#sponsor{
	background:url(../img/sponsor_bg_top.gif) 0 0 no-repeat;
	margin:0 auto 30px;
	padding:4px 0 0;
	width:750px;}*/
#sponsor{
	margin:0 auto 30px;
	padding:4px 0 0;
	width:750px;}
/*#sponsor .bottom{
	background:url(../img/sponsor_bg_bottom.gif) 0 bottom no-repeat;
	padding:0 0 5px 0;}
#sponsor .inner{
	background:#DDD;
	padding:0 10px 5px;}*/
#sponsor .bottom{
	padding:0 0 5px 0;}
#sponsor .inner{
	padding:0 10px 5px;}
	
#sponsor h3{
	border-top:2px solid #999;
	margin:0 0 10px;
	padding:5px 0 0;}
#sponsor ul{}
/*#sponsor li{
	float:left;
	margin:0 5px;}*/
#sponsor li{
	float:left;
	margin:0 10px;}

#sponsor li img {
	border:solid 1px #CCC;}

ul#sponsorBanner{
	margin:0 auto 30px;
	padding:4px 0 0;
	text-align:center;
	width:750px;}

ul#sponsorBanner li{
	display:inline;
	white-space:nowrap;
	width:92px;
	margin:0 10px;}

ul#sponsorBanner li img {border:solid 1px #CCC;}