/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
color:#333333;
line-height:1.8em;
}

/*bodyのスタイル*/

body {
text-align: center;
background:#fff;
margin: 0px;
padding: 0px;
background:url(../commonimg/bg.jpg) repeat-x 0 0;
}

p {
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align:left;
font-size:12px;
}

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

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
font-size: 100%;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}


a {color: #2D4FCC;}

a:hover {color:#cc0000;}

li{list-style:none;}

td{text-align:left;}


p{
	margin:10px 0px;
	text-align:left;}
	
h1{
margin:0px;}
	
h2{
	margin:23px 0px 30px;}

h2.h2t0u25{
	margin:0px 0px 25px;}

h2.h2m0{
	margin:23px 0px 0px;}

h2.h2m40{
	margin:40px 0px 20px;}
	
h3.h3m0{
	margin:0px 0px;}
	
/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
text-align:center;
margin:0px auto;
font-size:12px;
width:986px;
}

#wrapper{
	width:986px;
	margin:0px auto;
	background:url(../commonimg/contbg.jpg) repeat-y;}


/*headerのスタイル*/
#header {
padding: 9px 0px 0px;
margin:0px auto;
	
}

#hright{
	text-align:right;
	float:right;
	margin:13px 0px 0px;}

#main{
	width:980px;
	margin:0px 4px 0px 2px;
	padding:0px 0px 20px;

}

.hmain{
	width:984px;
	margin:0px 0px 0px 0px;}


.navi{
	margin:0px 0px 7px;}

/* ナビ */

div#menubar {
   width: 100%;  /* 横幅：いっぱい */
   position:relative;
   margin:0px 0px 0px;
   z-index:2;
}
div#menubar table{
   margin:0px 0px 0px;
}
div#menubar img {
   vertical-align: top; /* 画像下に隙間ができるのを抑制 */
   border: 0px; /* 枠線をなくす */
}

div#subMenu01 ul {
   width:245px;
}

div#subMenu01 {
   position:absolute; top: 55px; left: 245px;
}

div#subMenu01 { visibility: hidden; }


div#subMenu01 li{
	display:block;
	padding:0px 8px 0px 18px;
	height:25px;
	text-align:left;
	background:url(../commonimg/menulist.gif) no-repeat 8px 8px;
	background-color:#737373;
	line-height:2.0em;
}

div#subMenu01 a{
	color:#FFFFFF;}

div#subMenu01 a:hover{
	color:#ff0000;}
.hmain{
}
	
#left{
	width:475px;
	float:left;}

#left h2{
margin:0px 0px 10px;
text-align:left;}

.newshyou td{
	padding:3px 0px;}

.newshyou td.tdl{
	color:#666600;}

#right{
	float:right;
	width:460px;
	margin:13px 0px 0px;
	}

/*hyouのスタイル*/
.hyou01 td.tdl{
	background:url(../commonimg/list01.jpg) no-repeat 5px 10px;
	padding:3px 0px 3px 15px;}

.hyou01 td{
	padding:3px 0px;}


#footer{
	background:url(../commonimg/fbg.jpg) repeat-x 0 bottom;
	font-size:12px;
	color:#ffffff;
	padding:0px 0px 20px;}

.fbg{
	width:986px;
	margin:0px auto;
	background:url(../commonimg/contbg.jpg) repeat-y;}


.footer01 li {
	display: inline;
	margin:0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#333333;
	padding-right: 4px;
	padding-left: 4px;
	font-size:11px;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	line-height:1.0em;
}


.footer01 ul {
	text-align:right;
	padding:0px 0px 0px;
	margin:10px 0px 2px;
}

.footer01 ul.mu30 {
	margin:0px 0px 30px;}


.footer01 a{
	text-decoration:none;
	color:#333333;
}

.footer01 a:hover{
	color:#990000;
}

.footer01 .noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.footer01{
	width:980px;
	margin:0px 4px 0px 2px;
	background:url(../commonimg/footer.jpg) repeat-x 0 0;
	padding:15px 0px 0px;}
	
.footer02{
	width:980px;
	margin:0px auto;}

.footer02 a{
	text-decoration:none;
	color:#333333;
	font-size:11px;
}

.f02l{
	float:left;
	width:580px;
	text-align:right;}

/*submainのスタイル*/

#submain{
	width:940px;
	margin:0px auto;}

/*faqのスタイル*/

.faqtable td.td01{	
	background:url(../faq/img/q01.gif) no-repeat 7px 7px;
	background-color:#D4DEB9;
	padding:7px 5px 7px 35px;}

.faqtable td.td02{
	
	background:url(../faq/img/q02.gif) no-repeat 7px 7px;
	background-color:#DFE6CA;
	padding:7px 5px 7px 35px;}


.faqtable td a{
	color:#006633;}

.faqtable td a:hover{
	color:#00cc33;}
	
p.que{
	margin:45px 0px 10px;
	background:url(../faq/img/qmark.jpg) no-repeat 0 0;
	padding:5px 0px 5px 40px;}

p.que a{
	color:#333333;}
	
p.que a:hover{
	color:#333333;}
	
.ans{
	background:url(../faq/img/faqbox.jpg) no-repeat 0 bottom;
	background-color:#DFE6CA;
	padding:5px 20px;}

.ans .mu30{
	margin:0px 0px 30px;}
	
/*hyouのスタイル*/

.hyou01 td.tdl{
	text-align:center;
	padding:3px 20px 3px 0px;}
	
.hyou01 td.tdline{
	background:url(../commonimg/line.gif) repeat-x 0 0;}

.hyou01 td{
	padding:3px 0px;}
	
table.hyou01{
	margin:30px 0px 0px;}
	
.hyoun td.tdl{
	background:url(../commonimg/list01.gif) no-repeat 0 8px;
	padding:2px 10px 2px 15px;
	line-height:1.8em;}


/*contactのスタイル*/
.contactbox{
	background:url(../contact/img/contactm.jpg) repeat-y 0 0;
	padding:20px 0px;}

.conthyou td{
	padding:5px 5px 5px 5px;}

.conthyou td.tdl{
	background:url(../contact/img/icon.gif) no-repeat 15px 10px;
	padding:5px 5px 5px 30px;}
	

.conthyou td.tdline{
	background:url(../commonimg/line.gif) repeat-x 0 0;}

.input01{
	padding:1px;
	line-height:1.0em;
	border:#4B5B46 solid 1px;
	background:#F2F4F0;}
	
.input02{
	padding:1px;
	line-height:1.0em;
	border:#4B5B46 solid 1px;
}

.txtsize{
	border:#4B5B46 solid 1px;
	background:#F2F4F0;
	width:550px;}

/*lawのスタイル*/

.lawhyou td{
	padding:5px 5px 5px 20px;}
	
.lawhyou td.tdl{
	background:url(../law/img/bg.gif) repeat-y 0px 0px;
	padding:5px 5px 5px 20px;}

/*privacyのスタイル*/

h3.h3pri{
	font-size:14px;
	color:#263A27;
	font-weight:bold;
	text-align:left;
	margin:40px 0px 0px;}

/*kodawariのスタイル*/

.kodawari td.g01{
	background:url(../kodawari/img/g01.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g02{
	background:url(../kodawari/img/g02.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}

.kodawari td.g03{
	background:url(../kodawari/img/g03.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g04{
	background:url(../kodawari/img/g04.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g05{
	background:url(../kodawari/img/g05.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g06{
	background:url(../kodawari/img/g06.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g07{
	background:url(../kodawari/img/g07.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g08{
	background:url(../kodawari/img/g08.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g09{
	background:url(../kodawari/img/g09.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g10{
	background:url(../kodawari/img/g10.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g11{
	background:url(../kodawari/img/g11.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g12{
	background:url(../kodawari/img/g12.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g13{
	background:url(../kodawari/img/g13.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g14{
	background:url(../kodawari/img/g14.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g15{
	background:url(../kodawari/img/g15.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g16{
	background:url(../kodawari/img/g16.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g17{
	background:url(../kodawari/img/g17.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}
.kodawari td.g18{
	background:url(../kodawari/img/g18.gif) no-repeat 0 5px;
	padding:5px 0px 5px 40px;}

.kodawari td.tdline{
	background:url(../kodawari/img/line.gif) repeat-x 0 center;
	height:9px;
}

/*sitemapのスタイル*/
.sitemaphyou td{
	background:url(../contact/img/icon.gif) no-repeat 0px 10px;
	padding:5px 5px 5px 20px;}

.sitemaphyou td.no{
	background:none;
	padding:5px 5px 5px 20px;}

.sitemaphyou a{
	color:#669900;}

.sitemaphyou a:hover{
	color:#cc0000;}

/*straightのスタイル*/

.straightbg{
	background:url(../straightgrip/img/photo01.jpg) no-repeat right 0px;
	margin:0px 0px 35px;
	text-align:left;}

.straightbg p.straightp1{
	width:300px;
	margin:10px 0px 10px 35px;}

.straightbg p.straightp1n{
	width:300px;
	margin:10px 0px 0px 35px;}
	

.straightbg p.straightp2{
	width:600px;
	margin:10px 0px 10px 35px;}

.straightbg p.straightp2n{
	width:600px;
	margin:0px 0px 10px 35px;}

.straightbg p.straightp3{
	width:830px;
	margin:0px 0px 10px 35px;}

.straightbg p.straightp4{
	width:830px;
	margin:0px 0px 10px 35px;
	font-size:15px;
	font-weight:bold;}	
			
.btnimg a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}


h3.h3str{
	margin:0px 0px 10px;
	text-align:left;}

.straight2{
	background:url(../straightgrip/img/straight.jpg) no-repeat 0 0;
	height:343px;
	margin:0px 0px 25px;
	position:relative;}

.straight2n{
	background:url(../straightgrip/img/straight_n.jpg) no-repeat 0 0;
	height:263px;
	margin:0px 0px 25px;
	position:relative;}
	
.straight3{
	margin:0px 0px 25px;
	position:relative;}
	
.straight3 ul{
	position:absolute;
	top:-10px;
	left:20px;
	width: 400px;
	float:left;
}

.straight3 img{margin:15px 0 10px 0;}

.straight3 li{
	background:url(../straightgrip/img/icon02.gif) no-repeat 0 13px;
	padding:5px 0px 0px 16px;
	width:400px;
	font-weight:bold;
	font-size:15px;
	color:#FF0000;
	text-align:left;
	}			

.straight2 ul{
	position:absolute;
	top:130px;
	left:40px;
	width: 563px;
}

.straight2 li{
	background:url(../straightgrip/img/icon.gif) no-repeat 0 13px;
	padding:5px 0px 0px 16px;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;}
	
.straight2n ul{
	position:absolute;
	top:30px;
	left:20px;
	width: 255px;
	float:left;
}

.straight2n li{
	background:url(../straightgrip/img/icon.gif) no-repeat 0 13px;
	padding:5px 0px 0px 16px;
	width:550px;
	font-size:15px;
	color:#FF0000;
	text-align:left;}	

.straight2 img{
	margin:0;
	padding:5px 0px 0px 16px;
	float:left;
	}	

.straight2 p{
	position:absolute;
	top:280px;
	left:60px;
	width: 280px;
}
	
.otameshiset{
	background:url(../straightgrip/img/bnr_otameshi.jpg) no-repeat 0 0;
	height:166px;
	margin:0px 0px 50px;
	position:relative;}

.kaimono{
	position:absolute;
	top:103px;
	right:10px;
	text-align:right;}

.comment{
	background:url(../straightgrip/img/comentm.gif) repeat-y 0 0;
	padding:0px 30px;}

.comment p{
	margin:0px;}
	
.shophyou td.tdl{
	padding:3px 0px 3px 20px;}
	
.shophyou td.tdline{
	background:url(../commonimg/line.gif) repeat-x 0 0;}

.shophyou td{
	padding:3px 0px;}

.shop_l{
	width:170px;
	float:left;
	text-align:center;}

.shop_r{
	width:200px;
	float:right;}


/*reverseのスタイル*/

.reversebg{
	background:url(../reversegrip/img/photo01.jpg) no-repeat right 0px;
	margin:0px 0px 35px;
	text-align:left;
	height:296px;}

.reversebg p.reversep1{
	width:300px;
	margin:10px 0px 10px 35px;}

.reversebg p.reversep2{
	width:600px;
	margin:10px 0px 10px 35px;}

.reverse2{
	background:url(../reversegrip/img/reverse.jpg) repeat-y ;
	height:350px;
	position:relative;}


.reverse2 ul{
	position:absolute;
	top:10px;
	left:40px;
	width:810px;}

.reverse2 li{
	background:url(../straightgrip/img/icon.gif) no-repeat 0 10px;
	padding:5px 0px 0px 20px;
	color:#FFFFFF;
	text-align:left;}

.reverse2 p{
	position:absolute;
	top:280px;
	left:60px;
	color:#FFFFFF;
	width:550px;}
	
/*guideのスタイル*/

table.guidet td.tdl img{
	padding:0px 0px 20px;}

table.guidet td.tdr{
	padding:0px 0px 20px;}
	
	
/*otherのスタイル*/

.input_l1{
	line-height:1.0em;}

.borderpoint{
border-collapse: collapse;
}

.pagetop{
margin:12px 10px 15px;
text-align:right;
}

.grayboder{
	border:#999999 solid 1px;}


/*fontのスタイル*/
.txtb{
font-weight:bold;
}

.txtwhite{
color:#FFFFFF;
}

.txtblue{
color:#163594;}

.txtred{
color:#CC0000;
}

.txtbred{
color:#CC0000;
font-weight:bold;
}

.txtredb{
color:#FF0000;
font-weight:bold;
font-size:14px;
}


.txtwhiteb{
	color:#FFFFFF;
	font-weight:bold;}
	
.txt11{font-size:11px;}

.txt10{font-size:10px;}
	
.txt15{
	font-size:15px;
	font-weight:bold;}

.txt20red{
	font-size:20px;
	color:#ff0000;
	font-weight:bold;}

.txtunder{
	color:#FF0000;
	text-decoration:underline;
	}

.txtred15{
	font-size:15px;
	font-weight:bold;
	color:#CC0000;
}
	
	span.bnr a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=50);
}		


/*float alignのスタイル*/
.fleft{
float:left;
text-align:left;
}

.fright{float:right;}

.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{
	text-align:center;
	vertical-align: top;
}
.clear{clear:both;}
.vtop{vertical-align:top;}

/*margin paddingのスタイル*/
.mt5{margin:5px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mtul10{margin:10px 0px 10px 10px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt40{margin:40px 0px 0px;}

.mu2{margin:0px 0px 2px;}
.mu5{margin:0px 0px 5px;}
.mu6{margin:0px 0px 6px;}
.mu10{margin:0px 0px 10px;}
.mu12{margin:0px 0px 12px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu18{margin:0px 0px 18px;}
.mu20{
margin:0px 0px 20px;
text-align: left;
}

.mu20_2{
margin:0px 0px 20px;
}
.mu25{margin:0px 0px 25px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu41{margin:0px 0px 41px;}
.mu50{margin:0px 0px 50px;}
.mu51{margin:0px 0px 51px;}
.mu100{margin:0px 0px 100px;}
.mu200{margin:0px 0px 200px;}
.mu500{margin:0px 0px 500px;}
.mu10r14{margin:0px 14px 10px 0px;}

.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mlr15{margin:0 15px 0 15px;}

/*widthのスタイル*/

.w310l{
	width:310px;
	float:left;}

.w350r{
	width:350px;
	float:right;}

.w390r{
	width:390px;
	float:right;}
	

.w360l{
	width:360px;
	float:left;}
	

.w550r{
	width:550px;
	float:right;}

.w450{
	width:450px;
	margin:0px auto;}

.w486l{
	width:486px;
	float:left;}

.w520r{
	width:520px;
	float:right;}

.w700r{
	width:700px;
	float:right;}

.w790r{
	width:790px;
	float:right;
	text-align:right;}

.w800{
	width:800px;
	margin:0px auto;}

.w810{
	width:810px;
	margin:0px auto;}

.w850{
	width:850px;
	margin:0px auto;}

.w866{
	width:866px;
	margin:0px auto;}

.w890{
	width:890px;
	margin:0px auto;}

.w895{
	width:895px;
	margin:0px auto;}
	
.w945{
	width:945px;
	margin:0px auto;}

.w955{
	width:955px;
	margin:0px auto;}
	
.law_box table{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	margin:0 0 10px 0;
	 }
.law_box th{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:5px;
	background-color:#DCE6BC;
	text-align:left;
	}
	 	
.law_box td{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:5px;
	vertical-align:top;
	}
	
.probox{
	padding:20px 0;
	margin:0 0 15px;
	border:#C9C9C9 solid 1px;}
	
.staff_ttl{
	text-align:left;
	background:#000;
	color:#ffffff;
	padding:5px;
	font-size:18px;}

/*order.phpのスタイル*/

/*-----table_form----*/

#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	color:#000000;
	font-family: "メイリオ";
	font-size: 16px;
	line-height: 1.6em;
	letter-spacing : 1px;
	border:1px solid #d3d3d3;
	padding:10px;
}
table.formTable th{
	color:#000000;
	font-family: "メイリオ";
	font-size: 16px;
	line-height: 1.6em;
	letter-spacing : 1px;
	width:40%;
	font-weight:normal;
	background:#f5f5f5;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
	text-align:center;
}