@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */


/* ベースCSS
---------------------------------------------------- */

*{
 margin:0px;
 padding:0px;
}

html{
 overflow:-moz-scrollbars-vertical;
}

body{
 color:#000;
 font-size:12px;
 font-weight:normal;
 font-family:Verdana,Arial,sans-serif;
 line-height:1.5;
 text-align:center;
 background:url(../images/bg.jpg) no-repeat center;
}

*html body {
 font-family:'ヒラギノ丸ゴ Pro',sans-serif;
}

*:first-child+html body {
 font-family:'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

ul{
	list-style:none;
}

img{
	border:0px;
}

/* ヘッダー
---------------------------------------------------- */

#header{
 width:600px;
 height:60px;
 text-align:left;
 margin-top:5px;
 margin-left:50px;
 position:relative;
 }

#header img{
	width:300px;
	height:60px;
	top:10px;
}

p.header{
	width:250px;
	height:40px;
	font-family:'メイリオ','ＭＳ ゴシック',sans-serif;
	font-size:12px;
	color:#F06;
	position:absolute;
	top:1px;
	left:400px;
	right:19px;
	padding:10px 0px;
 }

/* メインイメージ
---------------------------------------------------- */
#main_img{

 width:660px;
 height:250px;
 margin-left:20px;
 margin-right:20px;

}



/* リンク
---------------------------------------------------- */

a:link {
 color:#F06;
 text-decoration:none;
}

a:visited {
 color:#F06;
 text-decoration:none;
}

a:hover {
 color:#F6C;
 text-decoration:underline;
}

a:active {
 color:#F6C;
 text-decoration:underline;
}

/* レイアウト
---------------------------------------------------- */

#wrap{
	width:700px;
	text-align:left;
	margin:0px auto;
}


#contents{
 width:662px;
 margin-left:20px;
 margin-right:20px;
text-align:center;
}

#contents-r{
 width:482px;
 float:right;
}


#menu{
	width:660px;
	height:36px;
	background:url(../images/menu_bg.jpg) no-repeat;
    text-align:center;
	margin-left:20px;
    margin-right:20px;


}


/* レフトボックス
---------------------------------------------------- */

#leftbox{
 width:180px;
 height:500px;
 background:url(../images/back.jpg) no-repeat;
 float:left;
}

.left-text{
 padding-top:50px;
 text-align:left;
 padding-left:35px;
}



.left-text ul li{
 list-style:square;
 color:#F06;
 line-height:1.8;
}

.left-text a{
 color:#C36;
}
.yougosyu{
	color:#F06;
}

.yougosyu p{
	padding-top:15px;
	font-weight:bold;
	font-size:1.1em;
	
}
.yougosyu ul li{
	 list-style:square;
	 color:#F06;
	 line-height:1.8;
}
.yougosyu ul{
	text-align:left;
	padding-left:35px;
}


/* センターボックス
---------------------------------------------------- */
#centerbox{
 width:303px;
 height:500px;
 background:url(../images/contents_bg.jpg) no-repeat;
 float:left;
 text-align:center;
}

.midasi{
 width:303px;
 height:20px;
 background-color:#FCC;
 color:#F36;
 font-size:14px;
 margin-top:10px;
	}
	
.center p{
 color:#666;
 font-size:13px;
 margin-top:20px;
 padding-top:15px;
 text-align:center;
}

.center ul{
 padding-top:20px;
}

.sitefloat{
 margin-right:10px;
 float:middle;
}

.sitenote{
 width:360px;
 height:300px;
 padding-top:40px;
 margin-top:10px
				  
	}

.sitenote a{
 color:#F03;
}

.sitenote ul li {
	text-align:left;
	padding-left:55px;
	list-style:none;
	color:#F6C;
}





/* ライトボックス
---------------------------------------------------- */


#rightbox{
 width:179px;
 height:500px;
 float:right;
 background:url(../images/favorite.png) no-repeat;

}


.right-text p{
 margin-top:10px;
 color:#000;
}

.right-text ul{
 margin-top:50px;

 }

.right-text  li {
 list-style:disc;
 color:#F06;
 line-height:1.8;
}

.section h2{
 width:500px;
 height:35px;
 font-size:12px;
 background:url(../images/titlebg.jpg) no-repeat left top;
 padding:8px 0px 0px 20px;
}


.sitemap{
 color:#F39;
 font-size:12px;
 margin-right:70px;
}

.explain{
 line-height:1.6;
 padding:5px;
}

/* 簡易clearfix
---------------------------------------------------- */

.clearfix{
 overflow:hidden;
}
/* IE6に適用 */
*html .clearfix{
 zoom:1;
}


/* フッター
---------------------------------------------------- */
#footer{
 width:700x;
 height:30px;
 position:relative;
 color:#C36;

}

#footer ul{
	width:700px;
	position:absolute;
	left:25px;
	color:#C6C;
	bottom:10px;
	font-size:9px;

}

#footer ul li{
 line-height:1.2;
 border-right:#C06 solid 1px;
 padding-right:7px;
 margin-right:7px;
 float:left;
}

.first{
 border-left:#C06 solid 1px;
 padding-left:7px;
}

address{
    color:#F36;
    font-size:9px;
	font-style:normal;
	position:absolute;
	left:25px;
	top:25px;
	width: 295px;
}

