@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px}
html{overflow-y:scroll}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

a{ outline:none}

body {
	font-size:75%; /* 基本のフォントサイズ */
	line-height: 1.6em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #333;
	background:url(../images/bg.jpg) no-repeat top center
}


/* link
---------------------------------------------------- */
a:link,
a:visited {color: #09c; text-decoration:underline} 
a:hover,
a:active {color: #09c; text-decoration:none}


/* werpper
---------------------------------------------------- */
#wrapper{
	width:960px;
	margin:0px auto;
	text-align:left
}


/* main
---------------------------------------------------- */
#main{
	width:960px;
	height:511px;
	margin:0px auto;
	text-align:left;
	background:url(../images/bg_main.jpg) no-repeat;
}

#main h1{
	padding-top:33px;
	font-weight:normal;
	font-size:90%;
	margin-bottom:150px
}

.main_btn_mail{ float:left; margin-top:150px;}
.main_btn_spot{ float:right;}


/* header
---------------------------------------------------- */
#header{
	width:960px;
	padding:26px 0px 18px 0px;
	height:60px;
}

#header h1{ width:478px; float:left}
#header p{ width:381px; float:right; margin-top:34px}


/* navigation
---------------------------------------------------- */
#navigation{
	width:960px;
	font-size:10px;
	line-height:100%;
	list-style:none;
	height:51px
}
#navigation li{float:left; height:51px}


/* ページ本体
---------------------------------------------------- */
#content{
	width:678px;
	float:right;
	background:url(../images/bg_contents.jpg) no-repeat top;
	padding:20px 22px 40px 22px;
	min-height:558px;
}
#side{ width:210px; float:left}


/* サイド
---------------------------------------------------- */
#side ul{
	width:210px;
	font-size:10px;
	line-height:100%;
	list-style:none
}
#side li{width:210px}


/* footer
---------------------------------------------------- */
#bottom{
	width:100%;
	background:url(../images/bg_footer.gif) repeat-x top #eee;
	border-top:1px solid #ddd
}
#footer{
	width:960px;
	margin:0px auto;
	text-align:left;	
}
#footer ul{
	float:left;
	list-style:none;
	margin-top:10px
}
#footer li{
	background:url(../images/icon_footerlink.gif) no-repeat left center;
	display:inline;
	font-size:90%;
	padding:0px 15px 0px 8px
}
#footer a:link,
#footer a:visited {color: #666; text-decoration:none}
#footer a:hover,
#footer a:active {color: #09c; text-decoration:none}

#footer p{
	width:126px;
	float:right;
	height:44px;
}
#footer p a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.7;
}


/* bottom
---------------------------------------------------- */
#copy{
	clear:both;
	width:100%;
	background-color:#09c;
	height:58px
}
address{ text-align:center}


/* link, btn
---------------------------------------------------- */
.btn{
	padding:7px 50px;
	background-color:#900;
	border-radius:30px;
	text-align:center;
	font-weight:bold;
}
.btn:link,
.btn:visited{ color:#fff; text-decoration:none}

.btn2{
	display:block;
	padding:20px 50px;
	background-color:#09c;
	text-align:center;
	font-weight:bold;
}
.btn2:link,
.btn2:visited{ color:#fff; text-decoration:none}




/* 汎用スタイルシート
---------------------------------------------------- */
img {border: 0px; vertical-align:bottom}
table{margin-top:1px}

h2,h3,h4,h5,h6{clear:both}

ul,ol{ line-height:1.8em}

.form-s{width:70px}
.form-m{width:120px}
.form-l{width:320px}
.form100{width:99%}
.form-h{ height:80px}
/*.needinput{background-color:#fee;border:1px solid #ccc}*/
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:100%;vertical-align:middle; padding:2px}
input[type="text"], select{border:1px solid #ccc;}
input:focus[type="text"]{border:1px solid #06c}
textarea{font-size:100%;border:1px solid #ccc;width:99%}

.clear {clear: both}

.red{ color:#c00}

.f-left{float:left}
.f-right{float:right}

.tac{ text-align:center}
.tar{ text-align:right}

.small{ font-size:90%; line-height:1.5em}

.red{ color:#c00}

.link{ background:url(../images/icon_link.gif) no-repeat left center; padding-left:15px}

.ul_x li{ float:left; margin:0px 20px 0px 18px}

.table{
	width:100%;
	border-collapse:collapse
}
.table th{
	width:30%;
	background-color:#e9f8ff;
	border:1px solid #6cf;
	color:#09c;
	padding:12px;
	text-align:left
}
.table td{
	border:1px solid #6cf;
	padding:12px
}
.table ul{ margin-left:18px}
.table ol{ margin-left:23px}
.table span{ font-size:85%; color:#666}
.table .need{background:url(../images/icon_need.gif) no-repeat 95% center #e9f8ff}

.title{
	font-size:170%;
	line-height:normal;
	color:#06c;
	margin-bottom:10px
}
.title2{
	font-size:130%;
	line-height:normal;
	border-top:3px solid #06c;
	border-bottom:1px solid #b8ebfe;
	background:url(../images/bg_title.jpg) repeat-x bottom;
	color:#06c;
	padding:12px 10px;
	margin-bottom:12px
}
.title3{
	font-size:120%;
	line-height:normal;
	padding:2px 10px;
	border-left:4px solid #06c;
	margin-bottom:12px
}

.hover a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.7;
}

.radius{
	border-radius:5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(ie-css3.htc);
	position:relative;
	z-index:1;
}

.box{
	background-color:#ccf0fe;
	padding:15px
}

.w348{ width:348px}
.w310{ width:310px;}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.ml18{ margin-left:18px}
.ml23{ margin-left:23px}

@media print{
}