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


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

/*bodyのスタイル*/

body {
text-align: center;
margin: 0px;
padding: 0px;
}

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: #003366;}
	
a:hover {color:#FF073A;}

li{list-style:none;}

td{text-align:left;}

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



p.tcenter{
	text-align:center;}

h1{
	margin:20px 0 10px;
	float:left;
	text-align:left;
	width:304px;}

#right h2.h2top{
	margin:0px 0px 10px;}

#right h3.h3top{
	margin:0px 0px 15px;}

#right h3.h30{
	margin:0px 0px 0px;}


#right h3.h3t30{
	margin:30px 0px 0px;}

#right h3.h3t40{
	margin:40px 0px 0px;}

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

/*containerのスタイル*/

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


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

/* ▼個別の装飾（背景色） */

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

div#subMenu01 ul {
   width:135px;
}


div#subMenu01 {
   position:absolute; top:45px; left: 143px;
}

div#subMenu01 { visibility: hidden; }

div#subMenu01 li{
	display:block;
	width:135px;
	height:25px;
}


div#subMenu02 ul {
   width:134px;
}


div#subMenu02 {
   position:absolute; top: 54px; left: 288px;
}

div#subMenu02 { visibility: hidden; }


div#subMenu02 li{
	display:block;
	width:135px;
	height:25px;
}


#main{
	margin:12px auto 20px;
	width:960px;}

#hright{
	text-align:right;
	float:right;}

#left{
	width:200px;
	float:left;	padding:0px 0;
	margin:0px 0px 30px;}
	
.inputl{
	margin:0 0 5px;
	width:100px;
	border:#CCCCCC solid 1px;}
	
.lmail{
	background:url(../commonimg/l_mailbox.jpg) no-repeat 0 0;
	padding:4px 15px 10px;
	font-size:11px;
	line-height:1.0em;
	margin:0 0 3px;}

.lmail .input1{
	margin:0;
	line-height:1.0em;
	border:solid 1px #CCCCCC;}
	
.lfavorite{
	background:url(../commonimg/l_favorite.jpg) no-repeat 0 0;
	padding:16px 13px;
	margin:0 0 3px;}

.lfavorite td{
	font-size:11px;
	margin:0px 0 0;
	line-height:1.5em;}

.news{
	width:356px;
	float:left;}
	
.news .tdline{
	background:url(../commonimg/dotline.gif) repeat-x 0 center;
	height:5px;}
.news td{
	font-size:11px;
	text-align:left;}

.blog{
	width:356px;
	float:right;}

.blog p{
	font-size:11px;
	text-align:left;
	margin:0 0 5px;
	line-height:1.5em;}

	
#right{
	width:732px;
	float:right;
	text-align:left;
	margin:0px 0px 30px;}
.productbox{
	background:url(../commonimg/productbg.jpg) no-repeat 0 0;
	padding:10px 0;}

.productbox p{
	font-size:11px;
	line-height:1.5em;
	margin:5px 0 0;}

.newsp{
	margin:0px;}

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

#footer01 li {
	display: inline;
	margin: 0px;
	font-size:11px;
	padding:0 0px 0 20px;
	line-height:1.5em;
	background:url(../commonimg/list01.gif) no-repeat 10px 2px;
}

#footer01 a{
	font-size:11px;
	text-decoration:none;
	color:#003366;}

#footer01 a:hover{
	font-size:11px;
	text-decoration:none;
	color:#FF073A;}
	
#footer01 ul {
	margin:0px;
	padding:0px 0px 10px;
}

#footer01 li.noline{
	border:none;
}

#footer02 p{
margin:0 5px 5px;
font-size:11px;}

#footer02 a{
	color:#666666;
	text-decoration:none;}


/*recruitのスタイル*/

.r_point li{
	background:url(../recruit/img/list.jpg) no-repeat 5px 4px;
	text-align:left;
	color:#339900;
	font-size:14px;
	padding:6px 0 0 25px;}


/*otherのスタイル*/

.borderpoint{
border-collapse: collapse;
}

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


/*fontのスタイル*/


.txtb{
font-weight:bold;
}

.txtblue{
color:#163594;}

.txtred{
	color:#ff0000;
}

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

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

.txtgreen14{
	font-weight:bold;

	color:#339900;
	font-size:14px;}

.txt14{
	font-size:14px;
	font-weight:bold;}

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

.fleft-m15{
float:left;
text-align:left;
margin-right:15px;
margin-bottom:15px;}

.fright{float:right;}

.fright-m15{
float:right;
margin-left:15px;
margin-bottom:15px;}

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

.clearfix {
zoom:1;
overflow:hidden;
}
.clearfix:after {
content: '.';
clear: both;
display: block;
height: 0;
visibility: hidden;
}

.vtop{vertical-align:top;}

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

.mu3{margin:0px 0px 3px;}
.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu8{margin:0px 0px 8px;}
.mu10{margin:0px 0px 10px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu20{
margin:0px 0px 20px;
text-align: left;
}
.mu25{margin:0px 0px 25px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu41{margin:0px 0px 41px;}
.mu45{margin:0px 0px 45px;}
.mu50{margin:0px 0px 50px;}
.mu51{margin:0px 0px 51px;}
.mu60{margin:0px 0px 60px;}
.mu70{margin:0px 0px 70px;}
.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;}
.ml200{margin-left:200px;}
.mlr15{margin:0 15px 0 15px;}

.mtu10{
	margin:10px 0px;}

/*widthのスタイル*/

.w228r{
	width:228px;
	float:right;}


.w340{
	width:340px;
	margin:0 auto;}

.w357l{
	width:357px;
	float:left;}

.w357r{
	width:357px;
	float:right;}

.w420l{
	width:420px;
	float:left;}

.w470l{
	width:470px;
	float:left;}

.w490l{
	width:490px;
	float:left;}

.w550r{
	width:550px;
	float:right;}
.w680{
	width:680px;
	margin:0 auto;}

.w700{
	width:700px;
	margin:0 auto;}
	

/*tableのスタイル*/
table.hyou01{
width:700px;
border-collapse:collapse;
}

table.hyou01 td{
padding:5px 10px;
border:1px solid #CCCCCC;
}

.tdl{
color:#003366;
background-color:#E2EBF3;
vertical-align:middle;
}

.tdl2{
color:#003366;
text-align:center;
background-color:#E2EBF3;
}

.graybox{
width:700px;
background-color:#E2EBF3;
	border:solid 1px #cccccc;
	margin:0 32px 0 0;}