@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body, div, pre, p, blockquote,
form, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
table, th, td, embed, object, address{
	margin:0;
	padding:0;
}
html{
	background:#1a1f51;
}
body{
	color:#000;
	background:url(../img/body_bg.png) #fff repeat-x 0 bottom;
	font-size:75%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	cursor:default;
}
a, object, embed, area{
	outline:0;
}
a{
	outline:none;
	cursor:pointer;
}
a:hover{
	text-decoration:none;
}
a img{
	border:0;
}
ul, ol{
	list-style-type:none;
}
sup{
	position:relative;
	vertical-align:baseline;
	top:-0.9em;
	font-size:0.7em;
}
hr{
	display:none;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
th, caption{
	text-align:left;
	font-weight:normal;
}
em, address{
	font-style:normal;
}

/* -------------------------------
clearfix */

.clearfix{
	overflow:hidden;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
/*\*/
* html .clearfix{
	height:1em;
	overflow:visible;
}
/**/

/* -------------------------------
pngfix */

.pngfix{
	behavior:expression(IEPNGFIX.fix(this));
}

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

#header{
	margin:0 auto;	
	width:850px;
	height:90px;
	background:url(../img/header_bg.png) no-repeat;
	text-align:left;
	overflow:hidden;
}
#header #logo{
	padding:24px 0 0 24px;
	width:340px;
	float:left;
}
#header #logo span{
	margin:0 0 4px 2px;
	display:block;
}
#header #logo a{
	color:#fff;
	text-decoration:none;
}
#header ul{
	margin:28px 0 0 0;
	width:320px;
	height:56px;
	float:right;
	overflow:hidden;
}
#header ul li{
	height:56px;
	float:left;
}

/* -------------------------------
イメージ */

#topimage{
	margin:0 auto;
	width:850px;
	clear:both;
}

/* -------------------------------
メニュー */

#menu{
	margin:0 auto;
	width:850px;
	height:33px;
	background:url(../img/menu_bg.png) no-repeat;
	text-align:left;
}
#menu li{
	display:inline;
}

/* -------------------------------
コンテンツ */

#contents{
	margin:20px auto 0 auto;
	width:850px;
	background:url(../img/border.png) repeat-y;
	text-align:left;
}
#contents #main{
	width:664px;
	float:left;
}
#contents #main img{
	vertical-align:top;
}
#contents #main dt{
	line-height:0;
	font-size:0;
}
#contents #main dd{
	margin:0 0 0 4px;
}

/* -------------------------------
ライン */

#contents #main dd.line{
	margin:0;
	padding:0;
	width:660px;
	height:32px;
	background:url(../img/line_left.png) no-repeat bottom;
	clear:both;
	line-height:0;
	font-size:0;
}

#contents #main dd.last{
	padding-top:10px;
}

#contents #navi dd.line{
	margin:0;
	padding:0;
	width:186px;
	height:21px;
	background:url(../img/line_right.png) no-repeat bottom;
	clear:both;
	line-height:0;
	font-size:0;
}
/* -------------------------------
リンク */

#contents #main span.more{
	text-align:right;
	display:block;
}
#contents #main span.more a{
	padding:0 0 0 13px;
	color:#1a1f51;
	background:url(../img/arrow.png) no-repeat left center;
}

/* -------------------------------
右メニュー */

#navi{
	width:186px;
	float:right;
}
#navi dt{
	line-height:0;
	font-size:0;
}

/* -------------------------------
右メニュー装飾 */

#navi .photo{
	padding:0 0 8px 26px;
}
#navi .text{
	padding:0 15px 0 26px;
	line-height:1.41;
	text-align:justify;
	text-justify:inter-ideograph;
}
#navi .button{
	padding:10px 0 10px 26px;
}
#navi #mobile .text{
	padding:0 15px 20px 26px;
}
#navi ul.text{
	height:366px;
	overflow:auto;
}
#navi ul.text li{
	padding-bottom:22px;
	background:url(../img/line_right.png) no-repeat bottom;
}
#navi ul.text li a{
	padding:0;
}
#navi .date{
	padding:0 0 2px 10px;
	color:#1a1f51;
	background:url(../img/arrow.png) no-repeat left center;
	font-size:10px;
	font-family:Verdana;
	font-weight:bold;
	display:block;
}

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

#footer{
	margin:0 auto;
	background:url(../img/footer_bg.png) no-repeat;
	width:850px;
	height:123px;
	color:#fff;
	clear:both;
	text-align:left;
	overflow:hidden;
	position:relative;
}
#footer ul#fmenu{
	position:absolute;
	top:11px;
	left:16px;
}
#footer ul#fmenu li{
	padding-right:24px;
	background:url(../img/footer_border.png) no-repeat right top;
	display:inline;
}
#footer ul#fmenu li.last{
	padding-right:0;
	background:none;
}
#footer ul#foutline{
	position:absolute;
	top:75px;
	left:0;
}
#footer ul#foutline li{
	padding-right:24px;
	background:url(../img/footer_border2.png) no-repeat right top;
	float:left;
}
#footer ul#foutline li.last{
	padding-right:0;
	background:none;
}
#footer ul#corporate{
	
	position:absolute;
	top:31px;
	left:300px;
}
#footer ul#corporate li.place{
	width:362px;
	height:63px;
	text-align:right;
	float:left;
}
#footer ul#corporate li.place address{
	margin:22px 0 0 0;
	line-height:1.61;
}
#footer ul#corporate li.logo{
	width:186px;
	height:64px;
	float:right;
}
#footer ul#corporate li.copy{
	width:539px;
	height:30px;
	text-align:right;
	float:right;
}