/* Tags */

div,p,input,select,textarea,form,ul,ol,li,dl,dt,dd,td {
line-height:140%;
font-size:12px;
}


p,div,h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
font-size:12px;
line-height:140%;
}

body{
color:#666666;
height:125%;
font-size:12px;
background-color:#DFDFDF;
text-align:center;
}

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

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

a{color:#203C8A;}
a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {color: #fb5f14;text-decoration:underline;}
a:active {text-decoration:underline;}

strong {
font-weight:bold;
}

.clear {
clear:both;
}


body {
margin:0;
padding:0;
}


/*Base
----------------------------------------------*/

#container{
margin:0 auto;
padding:0 1px;
width:778px;
background:url(img/mainbg.gif);
background-position:left top;
background-repeat:repeat-y;
}

#container table td{
vertical-align:top;
}
#container p{
margin: 0;
padding: 5px 0;
}


/*Header
----------------------------------------------*/

/* header */

#hdr {
margin:0;
padding:0;
text-align:left;
}

#hdr img#logo{
margin:3px 0px 0px 15px;
padding:0px;
}

#hdr img#title{
margin:6px 0 0;
padding:0px;
}

#hdr h1 { 
font-size:10px;
color:#707070;
margin-top:2px;
font-weight:normal;
padding: 0 0 0 3px;
}
#hdr h1 strong{
font-weight:bold;
}
#hdr h1 a{ 
color:#707070;
text-decoration:none;
}
 

#hdr .hdr_right{
text-align:right;
padding-right:9px;
padding-top: 7px;
}

/* global navigation */

#hdr .hdr_right_map{
padding-top:8px;
font-size:10px;
}

#hdr .hdr_right_map a{
color:#707070;
font-size:10px;
}

#hdr .hdr_right_map img{
margin:0px 5px 0px 5px;
}

#gnv {
margin:0;
padding:0;
}

.title{
margin:0px 8px 8px 8px;
background:url(img/hdr_titlebg0.jpg);
background-repeat:no-repeat;
background-position:left;
}
.title img{

margin:0px 14px 0px 14px;
}



/*Side Navigation
----------------------------------------------*/

#snav { 
padding:8px;
width:173px;
text-align:left;
}

#snav .snav_feeld input{
width:158px;
margin-bottom: 10px;
}
	   
#snav .snav_contents h2 {
margin-bottom:8px;
}
	   
#snav table{
margin-bottom:8px;
}

#snav ul {
list-style-type:none;
}

#snav .snav_gyoukai ul li{
padding:3px 0px 3px 18px;
margin:0px;
background-image:url(img/snav_1.jpg);
background-repeat:no-repeat;
background-position:left center;
}

#snav .snav_gyoukai .snav_gyoukaibtm{
background:url(img/snav_1_btm.jpg);
background-repeat:no-repeat;
padding:3px 0px 8px 18px;
}

#snav .feeeld {
padding-bottom:8px;
}
	   
#snav .snav_kennsaku{
text-align:center;
background-color:#F5F5F5;
border:1px solid #CCCCCC;
width:173px;
}

#snav .snav_kennsaku img{
padding:0px 0px 10px 0px;
}

#snav .snav_kennsaku img.search_title{
margin-top: 10px;
}

#snav .snav_contents ul li{
padding:4px 0px 4px 18px;
margin:0px;
background-image: url(img/snav_2_btm.jpg);
background-repeat:no-repeat;
background-position:left center;
}

#snav .snav_contents  .snav_conttop{
background-image: url(img/snav_2.jpg);
background-repeat:no-repeat;
background-position:left center;
}



/*Footer
----------------------------------------------*/

#footer {
padding:0px;
margin:0px;
text-align:right;
background-color:#213F90;
color:#FFFFFF;
}

#footer a {
color:#FFFFFF;
font-size:10px;
}

#footer p{
padding:17px 5px 8px 0px;
line-height:130%;
font-size:10px;
}



/*Main Contents Common
----------------------------------------------*/

#main{
width:583px;
vertical-align:top;
padding:8px 8px 8px 0px;
text-align:left;
color:#333333;
}

#main h2{
margin: 0;
padding-bottom: 8px;
}

#main h3{
color:#FFFFFF;
font-size:12px;
padding:2px 0 2px 18px;
vertical-align: middle;
background-color: transparent;
background-image:url(img/h3_bg.jpg);
background-repeat: no-repeat;
background-position: left center;
}

#main h4{
}

#main h5{
}

#main p{
margin: 10px;
}

#main img.contentsHeader{
display:block;
}

#main .topicpath{
padding: 5px 3px;
font-size:10px;
}

#main .contents{
padding: 0 10px;
width: 560px;
}


#main .gotop{
text-align:right;
vertical-align:bottom;
margin-right:8px;
padding-top:30px;
clear:both;
}









/*** MTテンプレ用 ***/
#mt #main div.center{ /* IE対策BOX */
	text-align:center;
}
#mt #main p{
line-height: 1.5em;
}
#mt #main dl{
margin: 0 10px;
padding:0;
}
	#mt #main dl dt,
	#mt #main dl dd{
	margin:0;
	padding:0;
	}
	#mt #main dl dt{
	font-weight:bold;
	}

#mt #main h3{
background-color:#5D7599;
padding:4px 0px 3px 18px;
margin:0 0 5px;
background-color:transparent;
font-family:"ＭＳ Ｐゴシック";
}

#mt #main .spclmComLogo,
#mt #main .spclmLogo{
text-align:center;
margin-top:10px;
}

#mt #main .btnBox{
margin:20px auto 0;
width:205px;
text-align:left;
}
	#mt #main .btnBox img{
	display:block;
	}
	#mt #main .btnBox p{
	margin: 5px 0;
	padding: 0 5px;
	}

#mt #main .contents .gotop{
padding-top: 15px;
margin-bottom: 15px;
}

#mt #main .h4Box{
background-image:url(img/h4_bg.jpg);
background-repeat:repeat-y;
width:560px;
}
	#mt #main h4{
	padding:6px 12px 2px;
	background-image: url(img/h4_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color: #294EB2;
	}
	#mt #main .afterH4{
	height:4px;
	}


#mt #main .contentsBox{
margin: 10px;
}
#mt #main .contentsBox:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#mt #main .contentsBox{display: inline-table;}
/*\*/* html #mt #main .contentsBox{height: 1%;}
#mt #main .contentsBox{display: block;}/**/
	#mt #main .contentsBox img{
	float:left;
	display:block;
	width:213px;
	}
	#mt #main .contentsBox p{
	margin: 0 0 0 213px;
	padding: 0 0 0 10px;
	}

#mt #main dl.marketing{}
	#mt #main dl.marketing dt{
	margin: 10px 0 0;
	}
	#mt #main dl.marketing dd{
	padding: 5px 0;
	}
	#mt #main dl.marketing dd img{
	display:block;
	padding: 5px 0 0;
	}

#mt #main img#careerPath{
display:block;
margin:10px 0 0;
}

#mt #main h5{
margin: 15px 10px 0;
font-weight:bold;
}
#mt #main h5.man{
color:#0066CC;
}
#mt #main h5.woman{
color:#ff3366;
}
	#mt #main h5 img{
	display:block;
	margin:0 0 6px;
	}

#mt #main dl.message{
margin:10px;
}
	#mt #main dl.message dd{
	margin:0 0 15px;
	}


#mt #main .nextClm{
border:1px solid #cccccc;
margin:10px 10px 20px;
padding:5px 10px;
}
	#mt #main .nextClm .nextTitle{
	color:#294eb2;
	font-weight:bold;
	margin: 0;
	}
	#mt #main .nextClm p{
	margin:10px 0 0;
	padding:0;
	}

#mt #main div.rss{
border:1px solid #cccccc;
margin:10px 0 15px;
}
#mt #main table.rss{
border-collapse:collapse;
border-spacing:0;
}
	#mt #main table.rss th,
	#mt #main table.rss td{
	padding:5px;
	text-align:left;
	vertical-align:top;
	}
	#mt #main table.rss th{
	text-align:center;
	vertical-align:middle;
	width:73px;
	}
	#mt #main table.rss td{
	font-size:10px;
	}
		#mt #main table.rss td div.note{
		font-size:10px;
		text-align:right;
		margin:5px 0 0;
		}

#mt #main table.offer{
width:100%;
margin:10px 0;
border-collapse:collapse;
border-spacing:0;
border:1px solid #cccccc;
}
	#mt #main table.offer th,
	#mt #main table.offer td{
	border:1px solid #cccccc;
	padding:5px;
	text-align:left;
	vertical-align:top;
	}
	#mt #main table.offer th{
	font-weight:bold;
	background-color:#f6f4f6;
	white-space:nowrap;
	width:82px;
	}
	#mt #main table.offer th.tHead{
	font-weight:bold;
	color:#ffffff;
	background-color:#203c8b;
	white-space:normal;
	width:auto;
	}
	#mt #main table.offer td{
	width:82%;
	}

#mt #main .detail{
text-align:right;
}
	#mt #main .detail a{
	padding: 0 0 0 10px;
	background-image:url(img/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}

#mt #main .btnBoxWrapper{
margin:0 auto;
width:450px;
_width:460px;
text-align:center;
}
#mt #main .btnBoxWrapper:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#mt #main .btnBoxWrapper{display: inline-table;}
 /* Hides from IE-mac \*/
* html #mt #main .btnBoxWrapper{height: 1%;}
#mt #main .btnBoxWrapper{display: block;}
 /* End hide from IE-mac */
	#mt #main .btnBoxWrapper .btnBox{
	float:left;
	margin: 20px 10px 0;
	/*ボタン1個時margin: 20px auto 0;*/
	}
	#mt #archive #main .btnBoxWrapper .btnBox{
	/*メインページボタン1個時のアーカイブページプレビューの為*/
	float:left;
	margin: 20px 10px 0;
	}

#mt #main .mttop{
margin: 15px 0 0;
padding:30px 0 0;
border-top:4px solid #cccccc;
text-align:center;
}
	#mt #main .mttop a{
	padding: 0 0 0 10px;
	background-image:url(img/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}


/* カテゴリーアーカイブ */
#mt #category #main h3{
vertical-align:text-bottom;
line-height:100%;
}
	#mt #main h3 *{
	vertical-align:text-bottom;
	}
	#mt #main h3 a{
	margin: 0 0 0 10px;
	}



#mt #category #main table.offer{
margin:10px 0 5px;
}

#mt #category #main .detail{
text-align:right;
margin: 0 0 15px;
}

#mt #category #main .btnBoxWrapper .btnBox{
float:none;
margin: 20px auto 0;
}