@charset "utf-8";

/*------------------------------------------------------------------------
 基本
--------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	font: normal normal normal;
	}

html{
	height:100%;
	}
	
body{
	height:100%;
	background: #ffffff url("../images/bg_s1.gif") repeat-x top;  
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Verdana,Arial, sans-serif, "メイリオ";
	font-weight:normal;
	font-style:normal;
	color:#666666;
	font-size:82%;
	line-height:1.6;    
	}

table,div,p,ol,ul,li,dl,dt,dd{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

/* ClearFix 回り込みの解除(Firefox/Safari/Operaなどのモダンブラウザ用の記述) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	}
/* ClearFix 回り込みの解除(IE7とMac版IE5用の記述) */
.clearfix {
	display: inline-block;
	min-height: 1%;
	}
/* Hides from IE-mac --ClearFix 回り込みの解除(IE6以前用の記述) \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


.clear {	/* 回り込みの解除 */
	clear:both;
	zoom:1;
	}

.f-lef{		/* 左配置回り込み */
	float:left;
	padding-right:10px;
	}
	
.f-rig{		/* 右配置回り込み */
	float:right;
	padding-left:10px;
	}

.cen{		/* 真ん中寄せ */
	text-align:center;
	}

.rig{		/* 右寄せ */
	text-align:right;
	}

.lef{		/* 左寄せ */
	text-align:left;
	}

h1,h2,h3,h4,h5,h6{		/* 題名 */
	font-size:100%;
	line-height:100%;
	margin:0px;
	padding:0px;
	}

em{		/* 重要 */
	color:#ff0000;
	font-style:normal;
	}

strong{		/* emより重要 */
	color:#ff0000;
	}

hr{		/* 線 */
	border:1px dashed #999999;
	height:1px;
	}

img,table {		/* イメージ・テーブル線消し */
	border:0px;
	}

.nonetxt{		/* 文字消し */
	display:none;
	}

address{		/* アドレス */
	font-style:normal;
	}

.gotop{		/* ページの先頭へ移動 */
	clear:both;
	zoom:1;
	text-align:right;
	padding-top:20px;
	}

.btm-10{		/* 下余白10px */
	margin-bottom:10px;
	}
.btm-15{		/* 下余白15px */
	margin-bottom:15px;
	}
.btm-20{		/* 下余白20px */
	margin-bottom:20px;
	}
.btm-30{		/* 下余白30px */
	margin-bottom:30px;
	}
	
.btm-50{		/* 下余白50px */
	margin-bottom:50px;
	}

.btm-70{		/* 下余白70px */
	margin-bottom:70px;
	}


.f-large{		/* 文字大きく */
	font-size:110%;	
	}


.f-small{		/* 文字大きく */
	font-size:x-small ;	
	}

a:link{		/* テキストリンク */
	color:#da70d6;
	text-decoration:underline;
	}
a:visited,
a:active{		/* テキストリンク */
	text-decoration:underline;
	}
a:hover{		/* テキストリンク */
	color:#da70d6;
	text-decoration:none;
	}


p.pan{		/* パンくずリンク */
	clear:both;
	zoom:1;
	text-align:right;
	font-size:12px;
	line-height:18px;
	}



/*------------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/
#container{
	width:860px;
	padding:20px 20px 0px 20px;
	margin:0px auto;
	text-align:left;
	background-color:#ffffff;
	}
	
body > #container {
	height: auto;
	}

#content{
	padding:20px 0px;
	}
	
	
#main{
	width:760px;
	}

#header{
	padding:0px;
	margin:0px;
	text-align:left;
	}
	
#footer{
	border-top:1px solid #cccccc;
	text-align:right;
	bottom:0px;
	height:80px;
	width:860px;
	}

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

div#header div#h1-h2{		/*範囲 HP題名・HP説明 */
	float:left;
	width:500px;
	}
	
	
div#header div#h1-h2 h1{		/* HP題名 */
	float:left;
	font-size:18px;
	line-height:18px;
	padding-right:10px;
	padding-bottom:10px;
	}
		
div#header div#h1-h2 h2{		/* HP説明 */
	float:left;
	padding-top:15px;
	font-size:12px;
	line-height:14px;
	color:#666666;
	}


div#header div#search-guidenav{		/*範囲 検索・ガイドナビ */
	float:right;
	width:350px;
	height:50px;
	}

div#header div#twitter{		/* ツイッター */
	font-size:12px;
	line-height:12px;
	padding-bottom:10px;
	padding-right:10px;
	float:right;
	}
	
div#header div#search-guidenav div#search{		/* 検索 */
	font-size:12px;
	line-height:12px;
	text-align:right;
	margin-bottom:10px;
	float:right;
	}
div#header div#search-guidenav div#search p{		/* 検索 */
	display:inline;
	}
div#header div#search-guidenav div#search p input#txt{		/* 検索 */
	width:130px;
	margin-right:1px;
	position:relative;
	top:-3px;
	}

div#header div#search-guidenav ul#guidenav{		/* ガイドナビ */
	font-size:12px;
	line-height:12px;
	padding-bottom:5px;
	}
	
div#header div#search-guidenav ul#guidenav li{		/* ガイドナビ */
	float:right;
	text-align:right;
	margin-left:5px;
	}
div#header div#search-guidenav ul#guidenav li a{		/* ガイドナビ リンク */
	background:url("../images/link_s1.gif") no-repeat left;
	padding-left:12px;
	}

div#header div#search-guidenav ul#guidenav li a:link,
div#header div#search-guidenav ul#guidenav li a:visited,
div#header div#search-guidenav ul#guidenav li a:active{		/* ガイドナビ リンク */
	color:#999999;
	text-decoration:none;
	}
div#header div#search-guidenav ul#guidenav li a:hover{		/* ガイドナビ リンク */
	color:#da70d6;
	text-decoration:none;
	}
	


div#header div#slider{		/* スライド */
	font-size:12px;
	line-height:12px;
	clear:both;
	width:860px;
	height:400px;
	position:relative;
	top:0;
	}
	div#header div#slider li{		/* スライド */
		width:860px;
		height:400px;
		}
#prevBtn{ 		/* スライドボタン */
	display:none;
	}	
#nextBtn{ 
	display:none;
	}
div#header #flash{
	float:left;
	font-size:12px;
	line-height:12px;
	}
div#header .slider{		/* スライダー */
	}
	div#header .slider ul{
		position: relative;
		text-align: center;
		margin:0 auto;
		}
		div#header .slider ul li{
			}
			div#header .slider u li img{
				max-width:100%;
				height:auto;
				}

div#header ul#homenav{		/* ホームナビ */
	float:right;
	font-size:12px;
	line-height:12px;
	}
	
div#header ul#homenav li{		/* ホームナビ */
	width:200px;
	text-align:center;
	}

div#header ul#globalnav{		/* 主なカテゴリー */
	clear:both;
	font-size:12px;
	line-height:12px;
	}
	
div#header ul#globalnav li{		/* 主なカテゴリー */
	float:left;
	text-align:center;
	}



/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
div#footer ul#assistnav{		/* 補助メニュー */
	font-size:12px;
	line-height:12px;
	padding-top:10px;
	}
		
div#footer ul#assistnav li{		/* 補助メニュー */
	float:right;
	text-align:right;
	margin-left:5px;
	}

div#footer ul#assistnav li a{		/* 補助メニュー リンク */
	background:url("../images/link_s1.gif") no-repeat left;
	padding-left:12px;
	}


div#footer address#cop{		/* コピーライト */
	font-size:12px;
	line-height:12px;
	clear:both;
	font-style:normal;
	padding-top:3px;
	}

div#footer ul#assistnav li a:link,
div#footer ul#assistnav li a:visited,
div#footer ul#assistnav li a:active{		/* テキストリンク */
	color:#999999;
	text-decoration:none;
	}
div#footer ul#assistnav li a:hover{		/* テキストリンク */
	color:#cc33cc;
	text-decoration:none;
	}