@charset "shift_jis";

/*---------------------------------------------------*/
/* 初期設定
-----------------------------------------------------*/
html, body { height:100%; }

body {
color:#333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	font-size:12px;
	line-height:1.8;
	text-align:center;
	background:url(../images/bg.gif) repeat-y center;
}
a{			color:#330000; text-decoration:none;}
a:hover{	color:#33cccc;}
strong{		font-weight:bold;}
hr{ border:1px dotted #ccc;
	margin-bottom:15px;}

a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

/*---------------------------------------------------*/
/* メインレイアウト
-----------------------------------------------------*/



#wrapper {
	position:relative; min-height:100%;/*確認用*/
	padding:0 0 3em;/*コンテンツとフッターの位置調整*/
	width:950px;
margin:0 auto;
	text-align:left;
}
#header {
	background:url(../images/head_bg.jpg) repeat-x top right;
	padding:0 10px;}
#main{
	margin:15px 0;
}
#navi{
	width:220px;
	margin-left:10px;
	float:left;
}
#contents{
	width:700px;
	margin-right:10px;
	float:right;
}
#footer{
	width:100%;
	border-top:1px solid #ccc;
	position:absolute; bottom:0; width:100%; height:3em; line-height:3em;
}
/*---------------------------------------------------*/
/* ヘッダー
-----------------------------------------------------*/
#header .logo{ float:left;
}
#header .banner{ float:right;
	margin-top:5px;
}


/*---------------------------------------------------*/
/* グローバルナビゲーション
-----------------------------------------------------*/
#navi  a{
	display:block;
	line-height:26px;
	overflow:hidden;
	border-left:#33cccc solid 3px;
	border-bottom:#ccc dotted 1px;
	padding-left:10px;
	font-size:12px;
}
#navi li{
	color:#33cccc;
	font-size:14px;
	font-weight:bold;
}
#navi ul{
	margin-bottom:10px;
}
#navi li ul li{
	color:#330000;
	font-weight:normal;
	margin-top:0;
}




/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
#contents h1{
	margin-bottom:5px;
	text-indent:30px;
	background:url(../images/h2.gif) left center no-repeat;
	line-height:35px;
	font-size:20px;
	font-weight:bold;
	border-bottom:#ccc solid 1px;
	
}
#contents h2{
	font-size:16px;
	color:#33cccc;
	font-weight:bold;
	margin-bottom:3px;
}
#contents h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}
#contents p.main{
	font-size:16px;
	line-height:2.0;
}
#contents p{
	margin-bottom:20px;
}
#contents ul{
	margin-bottom:15px;
}
#contents li{
	background:url(../images/icon.gif) no-repeat 5px 6px;
	padding-left:20px;
	line-height:1.8;
}
#contents .img{
	margin:5px 0 15px 10px;
	float:right;
	padding:5px;
	border:#e4e4e4 1px solid;
}
#contents a{			color:#33cccc; text-decoration:underline;}
#contents a:hover{	color:#33cccc; }
.open{
	font-weight:bold;
	color:#c00;
	font-size:14px;
	line-height:50px;
}


/* バナー
--------------------*/
.b_banner{
	border:#ccc 1px solid;
	text-align:center;
}
.b_banner a{
	color:#f541a5;
	display:block;
}
.b_banner a:hover{
	text-decoration:underline;
}
.b_banner div{
	text-align:left;
	font-weight:bold;
	margin:0 15px 5px;
}
.b_banner img{
	margin-bottom:10px;
}

/* フッター
--------------------*/
#footer .link{
	padding:0 5px;
	text-align:left;
}
#footer .copy{
	color:#fff;
	text-align:center;
	background:#33cccc;
}




/*---------------------------------------------------*/
/* ClearFix
-----------------------------------------------------*/
.clearfix:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
.clearfix{zoom:1;}