@charset "utf-8";
/* CSS Document */

/* 全指定
----------------------------------------*/
*{
	margin:0;
	padding:0;
	font-size:100%;
/*	font-weight:normal;*/
	font-style:normal;

	color:#000;
	background:transparent;
}

body{
	font-size:12px;
	line-height:150%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

img{
	vertical-align:bottom;
	border:none;
}

ul{
	list-style:none;
}

/*　基本レイアウト
----------------------------------------*/
#container{
	width:900px;
	margin:0 auto;
}

#wrapper{
	width:900px;
	padding:5px 0 0 0;
	background: url(../images/line_top.gif) top no-repeat;
}

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

#header{
	height:98px;
	padding:25px 0 0 0;

}

#header h1,
#header .maincopy,
#header .vol{
	float:left;
}

#header h1{
	width:144px;
	height:68px;
	margin:3px 0 0 0;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-9999px;
}
#header h1 {
    font-size: 100%;
}
#header .logo {
    position: relative;
}
#header .logo p {
    position: absolute;
    top: 3px;
    left: 0;
    _left: -144px; /* IE6 */
}


#header .maincopy{
	width:291px;
	height:16px;
	margin:35px 0 0 50px;
	background:url(../images/maincopy_txt.gif) no-repeat;
	text-indent:-9999px;
}

#header .vol{
	width:104px;
	height:70px;
	margin:0 0 0 302px;
	background:url(../images/vol_01.gif) no-repeat;
	text-indent:-9999px;
}

/*　コンテンツ
----------------------------------------*/
#content{
	width:900px;
}

/*　ナビゲーション
----------------------------------------*/
#navi{
	height:39px;
	margin:17px 0 0 0;
	padding:17px 0 0 0;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	vertical-align:middle;
}

#navi li{
	height:24px;
	margin:0 28px 0 0;
	float:left;
}

/*　フッタ
----------------------------------------*/
#footer{
	margin:8px 0;
}

#footer p.copyright{
	width:198px;
	height:18px;
	margin:8px 0;
	background:url(../images/copyright.gif) no-repeat;
	text-indent:-9999px;
}

/*　ボーダー
----------------------------------------*/
.border01_a{
	padding:5px;
	background:url(../images/bg_texture01.gif);

}
.border01_b{
	width:100%;
	background:#FFF;
	height:240px;
	
}

/*　ライン
----------------------------------------*/
.line01
{
	height:1px;
	background:url(../images/line01.gif);
	background-repeat:repeat-x;
	_height:1px;
}
.line02
{
	height:1px;
	background:url(../images/line02.gif);
	background-repeat:repeat-x;
	_height:1px;
}
.line01 hr
{
	position:absolute;
	height:0;
	visibility:hidden;
	border:0;
}


/*　clearbox
----------------------------------------*/
.clearbox
{
	clear:both;
	height:0;
	visibility:hidden;
}

.clearbox hr
{
	position:absolute;
	height:0;
	visibility:hidden;
	border:0;
}
html body> .clearbox hr
{
	position:static;
}
/* fixed for mac ie 5 and not value change */
.clearbox hr{/*\*//*/position:fixed;/**/}

#topicpath {
	background-image: url(../images/tp_back.gif);
	height: 25px;
	width: 590px;
	margin: 0px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight:bold;
}


/* clearfix
----------------------------------------------- */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7?O_uEU*/

.clearfix{display:inline-block;} /*IE7MacIE5*/

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