@charset "UTF-8";

#main{				
	margin-top:-10px;	
	padding-bottom:122px;	
}

/*----------------------------------------
header_s  
-----------------------------------------*/
#header_s{		
	width:980px;
	height:160px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header_s .header_Top{
	width:980px;
	height:67px;
	background:url(../top-img/header_s_top_bg.jpg) no-repeat;
}
#header_s .header_Top p.logo{
	float:left;
	width:139px;
	margin-top:2px;
	margin-left:24px;
}
#header_s .header_Top ul.headMenu{
	float:right;
	width:800px;
	text-align:right;
	height:40px;
}
#header_s .header_Top ul.headMenu li{
	display:inline-block;
	line-height:1.5;
	margin:18px 4px 0 0;
	padding:0px 2px;
}
#header_s .header_s_bottom{
	width:980px;
	height:133px;
	background:url(../top-img/header_s_bottom_bg.jpg) no-repeat;
}
#header_s .header_s_bottom img{
	margin-left:20px;
}

/*--IE6,7 inline-blockのcssハック--*/

* html #header_s .header_Top ul.headMenu li{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #header_s .header_Top ul.headMenu li{/* IE 7 */
display:inline;
zoom:1;
}

/*--------------------------------------------------------
Contents
---------------------------------------------------------*/

#contents{
	width:960px;
	margin:5px 10px 0px 17px;
	background-image:url(../images/common/li_main_bg.jpg); 
}

/* search 
---------------*/
.inline{
	margin:0 60px 10px;
}

.inline ul{
	padding:5px 20px;
}

.inline ul li{
	margin:0px 20px 5px;
	padding:10px 0px;
	border-bottom:1px dotted #666;
}

.inline ul li:last-child{
	border-bottom:none;
}

.inline ul li h5{
	background:url(../images/common/add.gif) no-repeat top left;
	padding:2px 0 4px 20px;
}

.inline ul li h5.sel{
	background:url(../images/common/add.gif) no-repeat top left;
	padding:0px 0 0px 20px;
	line-height:1.5;
}

label.chk{
	margin-left:10px;
}

p.search_btn{
	text-align:center;
	margin-top:14px;
	padding:20px 0;
	background:#F7F7EE;
}

p.search_btn input:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity:0.80;
}

/*.inline input,checkbox{margin-right:2px;}*/

.inline p{
	font-size:0.92em;
	line-height:2.0em;
	margin-left:-10px;
}
.inline span.s_area{
	line-height:2.0em;
	margin:4px 0 0 24px;
}

.inline span{
	display:block;
	margin:2px 0px 0px 4px;
}

p.howto{
	float:right;
	width:160px;
	height:32px;
	margin-right:14px;
	background:url(../images/common/howto.jpg) no-repeat;
	text-align:center;
	padding:8px 4px;
	clear:both;
}


/* free page 
---------------*/
dl.free{
	padding:0px 40px;
	color:#444;
}

dl.free dd{
	font-size:0.80em;
	line-height:1.8;
	margin:0px 0px;
}

dl.free dd.margin-tb-5x{
	margin:5px 0;
}

dl.free p.txt-r{
	font-size:1.0em;
	text-align:right;
}

dl.free dd.top_bg{
	background-color:#efefef;
	padding:8px 10px;
	border-bottom:1px dotted #555;
}

dl.free dd.btm_line{
	border-bottom:1px dotted #555;
}
dl.free dd.btm_line:last-child{
	border-bottom:none;
}
dl.free dt h2{
	font-size:0.94em;
	border-bottom:2px solid #ddd;
	line-height:1.3;
	margin:6px 0;
	font-weight:bold;
	padding:2px 0 8px 14px;
	color:#666;
}

h2.freeTit-or{
	background:url(../images/nomal/freetit_bg_or.jpg) no-repeat;
}
h2.freeTit-lb{
	background:url(../images/nomal/freetit_bg_lb.jpg) no-repeat;
}
h2.freeTit-gr{
	background:url(../images/nomal/freetit_bg_gr.jpg) no-repeat;
}

.top_bg h3{
	font-size:1.1em;
}

/*3_grid list-style*/
ul.colspan{
	width:96%;
	font-size:1.4em;
	margin-left:10px;
}

ul.colspan li{
	display:inline-block;
	padding:5px 0;
}
ul.colspan li.one{
	width:32%;
}
ul.colspan li.two{
	width:32%;
}
ul.colspan li.three{
	width:32%;
}

/*--IE6,7 inline-blockのcssハック--*/

* html ul.colspan li{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html ul.colspan li{/* IE 7 */
display:inline;
zoom:1;
}

/* p Font */
p.font-10{
	font-size:1.0em;
}
p.font-9{
	font-size:0.94em;
}
p.font-8{
	font-size:0.86em;
}
p.font-7{
	font-size:0.76em;
}

p.font-10b{
	font-size:1.0em;
	font-weight:bold;
}
p.font-9b{
	font-size:0.94em;
	font-weight:bold;
}

/*-- form style --*/
.form_box{
	margin:5px 80px;
	padding:10px 4px 5px;
	color:#444;
	background:#FDFACE;
	border:1px solid #bbb;
}

ul.contact_f{
	width:800px;
	padding:6px 0px;
}
ul.contact_f li{
	display:inline-block;
	padding:5px 0;
	text-align:left;
}
ul.contact_f li.label{
	width:100px;
	text-align:center;
}
ul.contact_f li.input{
	width:690px;
}

input, textarea { 
	margin:3px 0 0 5px;
	padding: 6px;
	border: solid 2px #bbb;
	outline: 0;
}
input.submit_btn,
input.reset_btn{
	width:174px;
	margin:5px 5px 0;
	background:none;
	border:none;
}
input.submit_btn:hover,
input.reset_btn:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.f_btn{
	text-align:center;
}

p.font-8or_r{
	text-align:right;
	font-size:0.86m;
	color:#ff3300;
}
ul.contact_f li.input p.font_x{
	margin-top:-10px;
}

* html ul.contact_f li{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html ul.contact_f li{/* IE 7 */
display:inline;
zoom:1;
}