@charset "shift_jis";

/* 基本設定  //////////////////////////////////////////////////*/

html{
	margin:0;
	padding:0;
	overflow:scroll;
	width:100%;
	height:100%;
	
	scrollbar-arrow-color: #808080;
	scrollbar-face-color: #ffffff;
	scrollbar-3dlight-color:lightgrey;
	scrollbar-darkshadow-color:lightgrey;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color: #eeeeee;
}

body {	
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align:left; 
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:12px;
	line-height:1.5em;
	letter-spacing:0.1em;
	color:#333;
	background-color:#000;
	
	scrollbar-arrow-color: #808080;
	scrollbar-face-color: #ffffff;
	scrollbar-3dlight-color:lightgrey;
	scrollbar-darkshadow-color:lightgrey;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color:#eeeeee;
	
	-webkit-text-size-adjust: 100%;
}

/* 余白設定 */
div,
hr,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin:0;
	padding:0;
}

li img,
dt img{
	vertical-align: bottom;
}

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

/* 回り込み解除2 */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; }
.clearfix{ overflow:hidden;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* 画像リンク時、ボーダーを消す */
a img {border-style:none;}

/* ボタン余白設定 */
ol , ul {
margin:0px;
padding:0px;
}
/* リスト指定 */
li{list-style: none;}
img{vertical-align:bottom;}

/* リンク */
a:link {text-decoration:none; color:#333;}
a:visited {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:#333;}


/* --------------------------------------------------------------------------------------
 文字・配列関連
--------------------------------------------------------------------------------------- */

/* 10px */
.text10{font-size:10px;}

/* 14px */
.text14{font-size:14px;}

/* SS */
.text_ss{font-size:smaller;}

/* 太文字 */
.text_weight{font-weight:bold;}

/* テキストセンター揃え */
.text_center{text-align:center;}

/* テキスト右揃え */
.text_right{text-align:right;}

/* 右寄せ */
.float_right{float:right;}

/* 左寄せ */
.float_left{float:left;}

/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */
div#header{
	width:900px;
	height:68px;
	margin:55px auto 0px auto;
	background:url(../header/line.jpg) no-repeat left bottom;
}

div#header .logo{
	float:left;
	width:167px;
}

div#header .btn{
	float:left;
	width:733px;
	margin-top:28px;
}

div#header .home_btn{
	width:158px;
	height:20px;
	float:left;
}

div#header .home_btn a{
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	outline:none;
	display:block;
	padding:0px;
	margin:0px;
	width:70px;
	height:20px;
}
div#header .home_btn .home a{background:url(../header/btn_home.gif) left top no-repeat;}
div#header .home_btn .home a:hover{background-position:right top;}


/* --------------------------------------------------------------------------------------
 ボタン
--------------------------------------------------------------------------------------- */
#menu {float:left;}

/* サブメニュー1段目 */
#menu ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:-1px;
}

/* リスト */
#menu li {float:left;}
#menu li li {clear:both;}
#menu li:hover {position:relative;}
#menu li:hover > ul {display: block}

/* デザイン */
#menu li {width:115px;}
#menu li li {width:184px;}

#menu a{
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	outline:none;
	display:block;
	padding:0px;
	margin:0px;
	width:115px;
	height:20px;
	float:left;
}

#menu li li a{
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	outline:none;
	display:block;
	padding:0px;
	margin:0px;
	width:185px;
	height:29px;
}

/* メインリンク */
#menu .btn01 a{background:url(../header/btn01.gif) left top no-repeat;}
#menu .btn02 a{background:url(../header/btn02.gif) left top no-repeat;}
#menu .btn03 a{background:url(../header/btn03.gif) left top no-repeat;}
#menu .btn04 a{background:url(../header/btn04.gif) left top no-repeat;}
#menu .btn05 a{background:url(../header/btn05.gif) left top no-repeat;}

#menu .btn01_on a{background:url(../header/btn01.gif) right top no-repeat;}
#menu .btn02_on a{background:url(../header/btn02.gif) right top no-repeat;}
#menu .btn03_on a{background:url(../header/btn03.gif) right top no-repeat;}
#menu .btn04_on a{background:url(../header/btn04.gif) right top no-repeat;}
#menu .btn05_on a{background:url(../header/btn05.gif) right top no-repeat;}
#menu a:hover{background-position:right top;}


/* サブリンク */
#menu .sub01 a{background:url(../header/sub_btn01.gif) left top no-repeat; height:33px;}
#menu .sub02 a{background:url(../header/sub_btn02.gif) left top no-repeat;}
#menu .sub03 a{background:url(../header/sub_btn03.gif) left top no-repeat;}
#menu .sub04 a{background:url(../header/sub_btn04.gif) left top no-repeat;}
#menu .sub05 a{background:url(../header/sub_btn05.gif) left top no-repeat;}

#menu .sub01 a:hover{background-position:right top;}
#menu .sub02 a:hover{background-position:right top;}
#menu .sub03 a:hover{background-position:right top;}
#menu .sub04 a:hover{background-position:right top;}
#menu .sub05 a:hover{background-position:right top;}


/* --------------------------------------------------------------------------------------
 ページ共通部分
--------------------------------------------------------------------------------------- */
/* 背景 */
.main_frame{
	width:900px;
	background:url(../main_frame_bg.gif) repeat-y top left;
	margin:7px auto 0px auto;
}

.main_frame .bottom_line{
	display:block;
	height:35px;
	margin-top:50px;
	background:url(../main_bottom_bg.gif) no-repeat left top;
	border:none;
}

/* パンくず */
#topic_path {
	padding:26px 0px 0px 65px;
	font-size:10px;
	color:#333;
	background:url(../topicpath_bg.gif) no-repeat left top;
}

#topic_path li {
	display:inline;
	line-height:100%;
}
#topic_path li a {
	padding-right:14px;
	background:url(../topicpath.gif) no-repeat right center;
}
#topic_path li a:link {text-decoration:none; color:#333;}
#topic_path li a:visited {text-decoration:none; color:#333;}
#topic_path li a:hover {text-decoration:underline; color:#333;}

/* タイトル */
h2{
	display:block;
	width:778px;
	margin:0px auto;
	padding-top:25px;
	padding-left:7px;
	padding-bottom:9px;
	background:url(../title_bg.gif) repeat-x left bottom;
}


/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */
div#footer{
	width:900px;
	height:95px;
	margin:8px auto 0px auto;
	background:url(../footer/line.jpg) no-repeat left top;
}

div#footer .copyright{padding-top:23px;}