@charset "EUC-JP";
/* CSS Document */

/*---------------------
全体
---------------------*/
html, body, div, span,
h1, h2, h3, h4, p, pre,
a, code, em, font, img, storong, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

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

body {
	font-family: "Hiragino Kaku Gothic Pro","メイリオ", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 1.5;
}

#wrap {
	width: 996px;
	margin: 10px 0 0 12px;
}

/* for WinIE6*/
* html body { font-size: 75%; }

/* for WinIE7*/
*:first-child+html body { font-size: 75%; }

blockquote, q {
		quotes: none;
}

:focus {
		outline: 0;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
}


/*---------------------
レイアウト
---------------------*/
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align:bottom;}

.floatL {float: left;}
.floatR {float: right;}
.clear {clear: both;}

/*ClearFix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:: inline-block;}
/*hyde from macIE*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*End Hide from macIE*/

/*---------------------
リンク
---------------------*/
a { text-decoration: underline; background: transparent; color: #1C2139;}
a:hover { color: #585A6D; }

/*---------------------
マージン
---------------------*/
.nmt6{ margin-top: -6px;}
.nmt5{ margin-top: -5px;}
.nmt4{ margin-top: -4px;}
.margin5 {margin-top: 5px;}
.margin10 {margin-top: 10px;}
.margin15 {margin-top: 15px;}
.margin20 {margin-top: 20px;}
.margin30 {margin-top: 30px;}
.margin50 {margin-top: 50px;}

/*---------------------
パディング
---------------------*/
.pt5 {padding-top: 5px;}
.pt8 {padding-top: 8px;}
.pdgt10 {padding-top: 10px;}
.pdgb10 {padding-bottom: 10px;}
.pdg10 {padding: 10px;}
.pdgbl10 {padding-right: 30px;}
.pdgbl10 {padding-left: 10px; padding-bottom:10px;}

.imgL {
	float: left;
	margin-right: 10px;
}

.imgR {
	float: right;
	margin-left: 10px;
}


/*---------------------
header_top
---------------------*/
#header {
	margin: 5px 12px 5px 12px;
	height: 60px;
	width: auto;
}
#header .headerR {
	float: right;
	width: 280px;
}
#header .headerRogoTop {
	float: left;
	margin-top: 10px;
}
#header .headerRogo {
	float: left;
	margin-top: 16px;
}
#header .headerText {
	float: left;
	margin: 8px 0 0 15px;
	width: 210px;
	font-size: 0.9em;
	line-height: 16px;
	color: #5b4a44;
	font-weight: normal;
}


#header .headerMenu {
	clear: both;
	margin-top: 2px;
	margin-bottom: 4px;
}
#header .headerMenu li {
	float: right;
	margin-left: 15px;
	list-style-image: none;
	list-style-type: none;
}
#header .headerButton {
	clear: both;
	float: right;
}
#header .headerButton img{
	margin-left: 12px;
}
#header .headerCopy {
	clear: both;
	font-size: 10px;
	color: #999999;
	float: right;
	vertical-align: bottom;
	width: 400px;
	margin-top: 5px;
	text-align: right;
}
#header .headerCopyT {
	clear: both;
	font-size: 10px;
	color: #999999;
	float: left;
	vertical-align: bottom;
	width: 400px;
	margin-top: 3px;
	text-align: left;
	font-weight: normal;
}


/*---------------------
footer
---------------------*/
#footer {
	clear: both;
	height: 80px;
	margin-top: 30px;
    width: 996px;
}
#footer .ftxt{ text-align: right; font-size: 0.8em; color: #999; margin-right: 5px;}
#footer .navi{ width: 991px; border-top: #999999 2px solid; padding-top: 10px; padding-left: 5px;}
#footer .copyright {
	border-top: #999999 2px solid;
	color: #999999;
	font-size: 10px;
    padding-top: 7px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#footer .flinkBox{
	background-color: #F5F5F5;
	border-top: #999999 1px solid;
	padding: 10px 10px 8px;
	margin-top: 10px;
}
#footer .flinkBox .fstxt{ color: #666; font-size: 0.8em;}
#footer .flinkBox .lstxt{ color: #666; font-size: 0.8em; margin-top: 7px;}

#footer .flinkBox .fstxt a,
#footer .flinkBox .lstxt a{ color: #666; text-decoration: none;}
#footer .flinkBox .fstxt a:hover,
#footer .flinkBox .lstxt a:hover{ color: #222;}


/*---------------------
 container
---------------------*/
#2BoxIn {
	clear: both;
    width: 100%;
	margin-bottom: 30px;
    padding-top: 10px;
}

.pankuzu2{
    margin: 0 3px 10px 0;
	font-size: 0.8em;
	border-top: dotted #ccc 1px;
	border-bottom: dotted #ccc 1px;
	padding: 5px;
}

.serviceBox{margin:20px auto 0px;}