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

/* ベースCSS
---------------------------------------------------- */

*{
 margin:0px;
 padding:0px;
}

/* html{
 overflow:hidden;
 overflow:-moz-scrollbars-vertical;
} */
body{
 font-size:12px;
 font-weight:normal;
 font-family:Verdana,Arial,sans-serif;
 line-height:1.5;
 text-align:center;
 color:#000;
 background:url(../images/bg.gif) no-repeat;
 background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
 background-attachment:fixed;             /* 背景画像を固定する */
}

*html body {
 font-family:'ＭＳ Ｐゴシック',sans-serif;
}

*:first-child+html body {
 font-family:'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

img{
 border:0px;

}
ul{
 list-style:none;
}


/* リンク
-------------------------------------------------------*/
a:link {
 color:#399;
 text-decoration:none;
}

a:visited {
 color:#399;
 text-decoration:none;
}

a:hover {
 color:#6FC;
background-color:#6F9;
text-decoration:none;
 }

a:active {
 color:#6FC;
 text-decoration:underline;
}




/* 共通レイアウト
------------------------------------------------------ */
#wrap{
	width:750px;
	text-align:left;
    margin:0px auto;
    background:url(../images/wrap.gif) repeat;
	}



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

#header{
    width:750px;
	height:80px;
	position:relative;
}



/* ロゴ
------------------------------------------------------- */
#logo{
	width:336px;
	height:150px;
	position:absolute;
	top:-80px;
	left:13px;

}



/* メインイメージ
------------------------------------------------------- */
#main_img{
	width:750px;
	height:270px;
	position:relative;
	text-align:center;
	top:10px;
	background:url(../images/main_img.jpg) no-repeat;

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

#contents{
 width:750px;
 clear:both;

 }

/* 簡易clearfix
---------------------------------------------------- */

.clearfix{
 overflow:hidden;
}



/* レフトボックス
--------------------------------------------------------- */

#leftbox{
 width:202px;
 float:left;
 margin-top:30px;
 margin-left:25px;
 margin-bottom:5px;
 background:url(../images/left.png) no-repeat;
 display:inline;

 }

#leftbox ul li{
 background:url(../images/arrow.png) no-repeat 0px 5px;
 margin-left:25px;
 margin-bottom:15px;

}

#leftbox a{
 color:#060;
}




/* ライトボックス
--------------------------------------------------------------- */

#rightbox{
 width:450px;
 height:700px;
 float:right;
 margin-top:15px;
 margin-right:25px;
 padding-left:30px;
 padding-top:10px;
display:inline;
}


.box{
 width:445px;
 float:left;
 background:url(../images/frame_bg.gif) repeat-y left top;
 margin-bottom:20px;
 padding-right:5px;

}
.boxhead{
 width:390px;
 height:40px;
 background:url(../images/frame_head.gif) no-repeat left top;
 padding:20px 0px 0px 60px;
 color:#F60;
 font-size:10px;

}
.boxbody{
 width:410px;
 background:url(../images/frame_bottom.gif) no-repeat left bottom;
 padding:15px 40px;
}

.boxbody p{
 padding-bottom:15px;
}

.boxbody span{
 color:#CC0000;
}
/* フッター
----------------------------------------------------------------- */
#footer{
 width:750px;
 height:60px;
 position:relative;
 background:url(../images/bg.gif) no-repeat;
}


address{
	color:#000;
	font-size:11px;
	font-style:normal;
	position:absolute;
	top:33px;
	right:10px;
}

/* 用語集 */
.menu{
	clear:both;
}
.menu ul{
	list-style-type:none;
}
.menu ul li{
	float:left;
	border-right:#399 solid 1px;
	padding-right:8px;
	margin-right:8px;
}
.first{
	border-left:#399 solid 1px;
	padding-left:8px;
}