@charset "utf-8";
/* CSS Document */

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


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


/*bodyのスタイル*/

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color:#E0E0EA;

}

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: #5A5BBB;
}

a:hover {
	color:#400000;

}

h1{
	font-size:11px;
	color:#B6B6CD;
	font-weight:normal;
	margin:0px 0px 3px;
	padding:0px;
}

#right h3{
	margin:0px 0px 26px;
}

#right h4{
	margin:30px 0px 30px;}

p{
	margin:10px 0px;
}

li{
	list-style:none;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
	width:888px;
	font-size: 12px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background:url(../commonimg/bg.jpg);
	background-repeat:repeat-y;
	padding:0px 0px 10px;
	line-height:200%;
	
}

#wrapper{
	width:880px;
	
	margin:0px 4px;
}




/*headerのスタイル*/

#header {
	padding: 0px 19px;
	margin: 0px 10px 9px;
	height:77px;
	background:url(../commonimg/headerbg.png) no-repeat 0 0;

}

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

#hleft {
	width:450px;
	float: left;
	text-align:left;
	margin:5px 0px 0px;
}

#hleft img{
	margin:0px 13px 0px 0px;
}


#navi{
	width:852px;
	margin:0px auto;
}

#main{
	width:822px;
	margin:7px auto 25px;
}

#left{
	width:220px;
	float:left;
	text-align:left;
	margin:0px 14px 0px 0px;
	line-height:150%;
}

#left p{
	line-height:1.5em;
}

#left h2{
	margin:0px;
}

#top h3{
	margin:0px;
}

#left .box{
	background:url(../commonimg/lbg.jpg);
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404393;
}

#left .box2{
	background:url(../commonimg/lbg.jpg);
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404393;
	margin:0px 0px 10px;
}

#left .bnr1{
	font-size:11px;
	background:url(../commonimg/sendenm.jpg);
	background-repeat:repeat-y;
	padding:0px 4px 0px 8px;
	
	}
	

#left .bnr1 p{
	padding:0px 0px 0px 20px;
	background:url(../commonimg/yajirushi.png) no-repeat 0 0;
	margin:0px;
	line-height:1.5em;
}

#right{
	width:588px;
	float:right;
	text-align:left;
	padding:0px;
}

#right2{
	width:588px;
	float:right;
	text-align:left;
	padding:7px 0px 0px;
}

#righttop{
	width:588px;
	float:right;
	text-align:left;
	padding:7px 0px 0px;
}

.smarum{
	background:url(../commonimg/s_marum.jpg);
	background-repeat:repeat-y;
	padding:10px 15px 0px;
}

.smarum li{
	list-style:none;
}

.bmarum{
	background:#F2F2F6;
	padding:20px 14px 0px;
}


.bmarum li{
	background:url(../commonimg/list.gif) no-repeat 0 0;
	padding:0px 0px 7px 12px;
	line-height:1.5em;
}

.bookmarkline{
	border:#ABABC5 solid 1px;
	text-align:center;
	margin:0px 0px 10px;
}

.bookmarkline td{
	text-align:left;
	font-size:11px;
	padding:2px;
}


#footer{
	width:860px;
	height:83px;
	background:url(../commonimg/footerbg.png) no-repeat 0 0;
	margin:0px 10px 0px 10px;
}

#footer a{
	text-decoration:none;
	font-size:11px;
}

/*messageのスタイル*/
#right h3.message{
	margin:0px;}

#right h3.ttl2{
	margin:20px 0px 26px;
}

#right h3{
	margin:0px 0px 26px;
}

#right2 h3{
	margin:0px 0px 26px;
}

#right2 h4.h4ttl2{
	margin:30px 0px 20px;
}

#righttop h3{
	margin:0px;
}

#right h4.privacy{
	margin:25px 0px 10px;
	font-size:14px;
	color:#2F3162;
	font-weight:bold;}
	
#right2 h5{
	margin:25px 0px 10px;
	color:#2F3162;
	font-weight:bold;}
	
#right2 h5.h5t0{
	margin:0px 0px 10px;
	}
	
#right p.pmu10{
	margin:0px 0px 10px;
}

.companybg{
	background:#F8F8F8;
	padding:0px 8px;}

.accessbg{
	background:#F1F1F5;
	
}

.accessbg td{
	padding:0 10px;
	
}


.accessbg p{
	color:#333399;
	margin:0 10px;
}

#hyou1 td.tdl01{
	padding:12px;
	background-color:#F0F0F4;
	color:#2F3162;
	}

#hyou1 td.tdr01{
	padding:12px;
	color:#333333;
	}

#hyou1 td.tdline01{
	background:url(../company/img/linetd.gif);
	background-repeat:repeat-x;
	height:5px;
}

#staff td{
	line-height:2em;
}

/*qaのスタイル*/

.qam{
	background:url(../qa/img/qam.jpg);
	background-repeat:repeat-y;
	padding:0px 20px;
}

.qam .qttl{
	background:url(../qa/img/qmark.jpg) no-repeat 0 0;
	padding:0px 0px 0px 30px;
	margin:0px 0px 10px;
	color:#333399;
	font-weight:bold;
}

.qam p{
	margin:0px;
}

/*worksのスタイル*/

.jirem{
	background:url(../works/img/jireim.jpg);
	background-repeat:repeat-y;
	padding:15px;}
	
/*data入稿*/
.data ul{
	margin:0px 0px 0px 10px;
}


	
/*yougo*/

.wordp{
	color:#2F3162;
	font-size:14px;
	font-weight:bold;}

#yougotable table{
	border:2px solid #DEDEE9;
	margin:0px 0px 15px;
}

#yougotable td{
	padding:10px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #DEDEE9;
	border-bottom-color: #DEDEE9;
	line-height:2em;
}
	
#yougotable td.lefttd{
	background:#F8F8FB;
	vertical-align:middle;
	padding:0px 15px 0px 15px;
}

#yougotable td h3{
	background:url(../yougo/img/list.gif) no-repeat 0 0;
	padding:0px 0px 0px 20px;
	margin:0px;
	font-size:12px;
	line-height:1.5em;}
	
	
.input1{
	border:#CC0000 solid 1px;
	background:#FFF7F7;
}

.input2{
	border:#9D9D9F solid 1px;

}

.select1{
	width:200px;
	margin:0px 0px 5px;
	border:#9D9D9F solid 1px;
}


.txtsize{
	border:#CC0000 solid 1px;
	background:#FFF7F7;
	width:350px;
	height:100px;
	font-size:12px;
	padding:5px;
}


.more{
	position:absolute;
	top:8px;
	left:370px;
}


.sozai{
	background:#F8F8FB;
	padding:15px 20px;
	margin:0px 0px 20px;
}

/*otherのスタイル*/

.borderpoint{
	border-collapse: collapse;
}


.nolist{
	list-style:none;
}

.fleft{
	float:left;
	text-align:left;
}

.fright{
	float:right;
}

.tcenter{
	text-align:center;
}

.tright{
	text-align:right;
}

.tleft{
	text-align:left;
}

.txtred{
	color:#CC0000;
}

.pagetop{
	margin:50px 0px 20px;
	text-align:right;

}

.txtb{
	font-weight:bold;
}

.txt14blue{
	font-size:14px;
	font-weight:bold;
	color:#000066;
}

.pagetopqa{
	margin:20px 0px 20px;
	text-align:right;

}

.toppage{
	margin:30px 0px 200px;
	text-align:right;
}

.clear{
	clear:both;
}

.clearfix:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.clearfix {
display: inline-block;
/*\*//*/
overflow: hidden;
/**/
}

.em2{
	line-height:2em;
}

.pt16{
	padding:16px 0px 0px;
}

.w80r{
	float:right;
	width:80px;
}

.w93l{
	width:93px;
	float:left;
	margin:0px 5px 0px 0px;
}

.w98r{
	width:98px;
	float:right;
}

.w100l{
	width:100px;
	float:left;
}

.w110l{
	width:110px;
	float:left;
}

.w113l{
	width:113px;
	float:left;
	margin:0px 6px 0px 0px;
}

.w130l{
	width:130px;
	margin:0px 10px 0px 0px;
	float:left;
}

.w140r{
	width:140px;
	margin:0px;
	float:left;
}

.w170l{
	float:left;
	width:170px;
}

.w182l{
	width:182px;
	float:left;
	margin:0px 6px 50px 0px;
}

.w182r{
	width:182px;
	float:right;
	}

.w193r{
	width:193px;
	float:right;
}

.w200l{
	width:200px;
	float:left;}
	
.w200r{
	width:200px;
	float:right;
}

.w250r{
	width:250px;
	float:right;
}

.w265l{
	width:265px;
	float:left;
}

.w265r{
	width:265px;
	float:right;
}

.w287l{
	width:287px;
	float:left;
	margin:0px 14px 16px 0px;
}

.w287r{
	width:287px;
	float:right;
}

.w291l{
	width:291px;
	float:left;
	margin:0px 6px 5px 0px;
}

.w291r{
	width:291px;
	float:left;
	margin:0px 0px 5px;
}

.w300l{
	width:300px;
	float:left;
}

.w320l{
	float:left;
	width:320px;
	margin:0px 15px 0px 0px;
}
	
.w340l{
	width:340px;
	float:left;
}

.w340l li{
	list-style:outside;
	list-style:disc;
	margin:0px 0px 0px 15px;
}

.w340l ul{
	margin:0px 0px 30px;
}

.w355l{
	width:355px;
	float:left;
}

.w355r{
	width:355px;
	float:right;
}

.w400l{
	width:400px;
	float:left;
	text-align:left;
	height:61px;
}

.w400r{
	width:400px;
	float:right;
	text-align:right;
}

.w430r{
	width:430px;
	float:right;
	position:relative;
}

.w438r{
	width:438px;
	float:right;
	padding:15px 0px 0px;}

.mt8u13{
	margin:8px 0px 13px;
}
.mu6{
	margin:0px 0px 6px;
}

.mt15u10{
	margin:15px 0px 10px;
}

.mt20{
	margin:20px 0px 0px;
}

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

.mu8{
	margin:0px 0px 8px;
}

.mu10{
	margin:0px 0px 10px;
}

.mu20{
	margin:0px 0px 20px;
}

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

.mu35{
	margin:0px 0px 35px;
}

.mu40{
	margin:0px 0px 40px;
}

.mu50{
	margin:0px 0px 50px;
}

.mu100{
	margin:0px 0px 100px;
}

.mt15l19{
	padding:15px 19px 0px;
}

.mtu20{
	margin:20px 0px;
}

.mt20c{
	text-align:center;
	margin:20px 0px 0px;
}

.pl20{
	padding:0px 0px 0px 20px;
}

.mlr10{
	margin:0px 10px;
}

.mlr15{
	margin:0px 15px;
}

.mlr17{
	margin:0px 17px;
}

#bnr_order_div {
	margin:20px 17px 0px 17px;
}