@charset "utf-8";
/* common.css */

/*プロパティ順番
////////////////////////////////////////////////////*//*


	Mozillaが採用している「ボックスモデルによる記述順番」

	01 display
	02 list-style
	03 position
	04 float
	05 clear
	06 width
	07 height
	08 margin
	09 padding
	10 border
	11 background
	12 color
	13 font
	14 text-decoration
	15 text-align
	16 vertical-align
	17 white-space
	18 other text
	19 content


///////////////////////////////////////////////////////*/


/*共通項目
////////////////////////////////////////////////////*/
html {
	-webkit-text-size-adjust: none;/*Safari独自のレンダリングを指定することで、フォントサイズの自動サイズを無効化*/
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: "メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:80%;
	color: #666666;
	background: #ffffff;
	margin: 0;
	padding: 0;
	border: 0;

}
.ui-body-c {
	background: #fafafa;
}
img {
	vertical-align: top;
}

a {
	-webkit-tap-highlight-color: rgba(0,0,215,0.40); 
}
p, dl, span, dd {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.main {
	margin: 0 0 10px 0;
	padding: 0;
}
.small {
	font-size:80%;
}
.section {
	width:100%;
	float:left;
	margin:0 0 0 0;
}

/*レイアウト
////////////////////////////////////////////////////*/
/* ヘッダー */
.header {
	padding:5px;
	text-align:center;
	border-top:7px #1a9bff solid;
	border-bottom:1px #1a9bff solid;
	background: #ffffff;
	overflow: hidden;
}
.header #logo {
	float: left;
	padding: 9px 0 9px 0;
}
.header #menu_op {
	float: right;
	padding: 0 0 0 10px;
	cursor:pointer;
}
#menu_tel, 
#menu_mail {
	float: right;
	padding: 0 0 0 10px;
	cursor:pointer;
}

/*　ヘッダーメニューレイアウト設定 
////////////////////////////////////////////////////*/
#menu {
	background: #000;
	opacity: 0.8;
	position: absolute;
	color: #fff;
	width: 100%;
	z-index: 99;
	text-align: left;
	left:0;
	top:0;
	
}
#menu_op {
	background: none;
	font-size: 18px;
	line-height: 32px;
	font-weignt: 700;
}
#menu_cl {
	float: right;
	cursor:pointer;	
	padding: 0 10px 0 0;
}
#menu ul {
	padding: 10px;
	list-style: none;	
}
#menu li {
	border-top : 1px solid #333;
	padding: 0 0 0 10px;
}
#menu li a {
display: block;
	height: 40px;
	line-height: 40px;
	background: url(../img/bg_navi_arrow.png) no-repeat 95% center;
	background-size: 8px;
	text-decoration: none;
}
#menu_op,
#menu li a {
	color: #fff;
	text-shadow: none;	
}





/* キービジュアル */
.top_img {
	clear: left;
	background: #1a9bff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwNTRhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDIxNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1a9bff 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1a9bff), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1a9bff 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1a9bff 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1a9bff 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1a9bff 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9bff', endC
orstr='#000000',GradientType=0 ); /* IE6-8 */
border-botttom: 1px #fff solid;
}
.top_img img {
    width: 100%;
    height:auto;
}
h1 {
	font-size: 15px;
	color: #1d61a9;
	padding: 13px 0 13px 15px;
	margin: 10px 0 0 0px;
	background: url(../img/bg_ttl.gif) no-repeat 0;
	-moz-background-size: 20px 20px; /* Firefox */
	-webkit-background-size: 20px 20px; /* Safari,Chromeなど */
	-o-background-size: 20px 20px; /* Opera */
	-ms-background-size: 20px 20px; /* ie */
	background-size: 20px 20px;
	border: 1px #cccccc solid;
}
h1 span {
	padding: 0 0 0 5px;
	display: block;
}

h2 {
	font-size: 15px;
	color: #363636;
	background-color: #f0efef;
	padding: 10px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
}
h3 {
	font-size: 15px;
	color: #000000;
	background-color: #f0efef;
	padding: 10px;
	font-weight: normal;
	margin-top: 5px;
}


.sub_nav {
	margin: 10px 0 20px 0;
	border-top: 1px solid #CCC;
}
.sub_nav li {
	width: 100%;
	background: url(../img/bg_ttl.gif) no-repeat 10px center;
	background-size: 14px 14px;
}

.sub_nav a {
	display: block;
	padding: 0 0 0 32px;
	height: 45px;
	line-height: 45px;
	font-size: 100%;
	border-bottom: 1px solid #CCC;
	background: url(../img/bg_navi_arrow.png) no-repeat 98% center;
	background-size: 8px;
}

h2 .att {
	float: right;
	font-size: 12px;
	color: #999;
}
.mail_box ,
.doc_box,
.pc_box,
.search_bnr {
	padding:15px 0px;
	text-align:center;
}
.search_bnr {
	padding: 8px 10px 10px;
	background: url(../img/bg_s.gif);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.mail dt ,
.doc_box dt,
.pc_box dt {
	color: #0079ef;
	font-weight: 700;
	margin-bottom:10px;
	text-shadow:none;
}
.mail_box,
.pc_box {
	background: #fff;
	color:#666;
	font-size:14px;
	border-top: 1px solid #e2e2e2;
}
.pc_box {
	background: none;	
}
.mail_box dt {
	color: #0079ef;
	font-weight: 700;
	margin-bottom:10px;
	text-shadow:none;

}
.doc_box {
	background:#fff;
	font-size:14px;
	color:#666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#bnr_area {
	text-align: center;
	padding: 0 10px;
	list-style: none;	
}
#bnr_area li {
	margin: 0 0 10px;	
}

.contact_area {
	text-align: center;
	font-size: 13px;
	padding: 15px 0;
	background: #fff;
	border-bottom: 1px solid #f4f4f4;
	-webkit-box-shadow: 0px 4px 10px -5px #999 inset;
	-moz-box-shadow: 0px 4px 10px -5px #999 inset;
	box-shadow: 0px 4px 10px -5px #999 inset;
}
.contact_area h2 {
	border: none;
	margin: 0 0 5px 0;
	color: #ff6000;
}

.shop_box {
	color:#666;
	font-size:14px;
	border-top: 1px solid #e2e2e2;
}
.shop_box dt {
	color: #0079ef;
	font-weight: 700;
	margin: 0 0 10px 0;	
}

.shop_box dd {
	text-align:center;
	margin:5px 5px 5px 5px;
}

.listnav li {
	background-image:url(../img/bg_list.gif);
	background-position:7px 5px;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom: 3px;
	list-style:none;
}

.external {
	background-image:url(../img/icon04_st.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom: 3px;
	list-style:none;
}


#info dl {
	padding: 5px;
	overflow: hidden;
}
#info dl dt {
	float: left;
	width: 9em;
}
#info dl dd {
	padding: 0 0 0 9em;
	margin: 0 0 15px;
}

#info dl dd a:link, a:visited {
	text-decoration: underline;
}







/* フッター設定 */
footer {
	padding-top:0px;
	color:#e2e2e2;s
	text-shadow: none;
	text-align: center;
	clear: left;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwNTRhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDIxNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 1%, #1a9bff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#000000), color-stop(100%,#1a9bff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 1%,#1a9bff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 1%,#1a9bff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 1%,#1a9bff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 1%,#1a9bff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endC
	orstr='#1a9bff',GradientType=0 ); /* IE6-8 */
	border-botttom: 1px #fff solid;
}


div .footer {
	padding-top:0px;
	color:#e2e2e2;
	text-shadow: none;
	text-align: center;
	clear: left;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwNTRhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDIxNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 1%, #1a9bff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#000000), color-stop(100%,#1a9bff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 1%,#1a9bff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 1%,#1a9bff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 1%,#1a9bff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 1%,#1a9bff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endC
	orstr='#1a9bff',GradientType=0 ); /* IE6-8 */
	border-botttom: 1px #fff solid;
}




}
footer dt {
	margin: 0 auto 15px;
}
footer dd {
	margin: 0 auto 15px;
}
footer dd:last-child {
	width:240px;
	text-align:left;
}
footer .company_box {
	padding:10px;
	border:1px #fff;
	border-style:solid none solid none;
	background: #000;
}
footer .company_box dd {
	width:300px;
	margin-left:0 auto;
	overflow:hidden;
	font-size:12px;
}
footer .company_box dd p {
	float:left;
	padding-right:10px;
	text-align:center;
}
footer .company_box dd p:last-child {
	padding:0;
}
.footer_logo {
	padding-top: 20px;
	font-size: 10px;
}

#pagetop {
	padding: 0;
	text-align: center;
	margin-top: 20px;
}


.back li {
	width: 100%;
	float: left;
	background: url(../img/bg_navi_back.png) no-repeat 10px center;
	background-size: 8px;
}

.back a {
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 83%;
	border-top: 2px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 32px;
}


/* ドロップメニュー設定 */
#support {
	background: #FFF;
	margin: 5px 0px 10px;
	border: 1px #CCC solid;
	overflow: hidden;
}
#support dt:first-child {
	border: none;
}
#support dt {
	padding: 15px 33px 15px 15px;
	border-top: 1px solid #ccc;
}

#support dd {
	padding: 10px;
	border-top: 1px solid #ccc;
}
#support dd p {
	padding: 10px 5px 0 5px;
}
#support dt {
	color: #30426a;
	cursor: pointer;
	background: url(../img/bg_flow.png) no-repeat 96% center;
	background-size: 23px;
}


#support2 {
	background: #FFF;
	margin: -1px -1px 0px;
	border: 1px #CCC solid;
	overflow: hidden;
}
#support2 dt:first-child {
	border: none;
}
#support2 dt,
#support2 dd {
	padding: 10px;
	border-top: 1px solid #ccc;
}
#support2 dt {
	color: #30426a;
	cursor: pointer;

	padding-right: 45px;
}


.nav_tel dt {
	font-size: 25px;
	background: url(../img/bg_tel.png) no-repeat 8px center;
	-moz-background-size: 20px 20px; /* Firefox */
	-webkit-background-size: 20px 20px; /* Safari,Chromeなど */
	-o-background-size: 20px 20px; /* Opera */
	-ms-background-size: 20px 20px; /* ie */
	background-size: 20px 20px
}




/*共通設定
////////////////////////////////////////////////////*/

/* 下層のコンテンツ部分 */
.lower_contents {
	clear: both;
	background: #fff;
}

/* 見出しの設定 */
.lower_contents h3 {
	padding: 8px 0 10px 15px;
	color:#fff;
	font-size:18px;
	text-shadow:none;
	border-top:1px solid b8b8b8;
	background: rgb(115,115,115);
	background: -moz-linear-gradient(top,  rgba(115,115,115,1) 0%, rgba(94,94,94,1) 7%, rgba(67,67,67,1) 94%, rgba(38,38,38,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,115,115,1)), color-stop(7%,rgba(94,94,94,1)), color-stop(94%,rgba(67,67,67,1)), color-stop(100%,rgba(38,38,38,1)));
	background: -webkit-linear-gradient(top,  rgba(115,115,115,1) 0%,rgba(94,94,94,1) 7%,rgba(67,67,67,1) 94%,rgba(38,38,38,1) 100%);
	background: -o-linear-gradient(top,  rgba(115,115,115,1) 0%,rgba(94,94,94,1) 7%,rgba(67,67,67,1) 94%,rgba(38,38,38,1) 100%);
	background: -ms-linear-gradient(top,  rgba(115,115,115,1) 0%,rgba(94,94,94,1) 7%,rgba(67,67,67,1) 94%,rgba(38,38,38,1) 100%);
	background: linear-gradient(top,  rgba(115,115,115,1) 0%,rgba(94,94,94,1) 7%,rgba(67,67,67,1) 94%,rgba(38,38,38,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#262626',GradientType=0 );
}

.txt_title {
	margin: -1px 0 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background:#000;
	list-style: none;
}
.txt_title a {
	color:#efefef;
}
p {
	padding: 10px;	
}
/* 平方メートル */
sup {
    vertical-align:top;
	font-size:9px;
}

.text {
	text-shadow: none;
	color: #FFF;
}
.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.right {
	text-align:right;
}
.inner {
	margin : 5px;
}


.red {
	color: #ff0000;
}
.blue {
	color: #0068b7;
}
.green {
	color: #009900;
}
.bluetext {
    color: #1d61a9;
}
.list {
	list-style-type:none;
	float:left;
	margin:0 0 20px 0;
}

.list li {
	background-image:url(../img/bg_documents.png);
	background-position:20px 6px;
	background-repeat:no-repeat;
	padding-left: 5px;
}


.list01 {
	width:100%;
	list-style-type:none;
	float:left;
	margin:0 0 20px 0;
}

.list01 li{
	background-image: url(../img/bg_list.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 3px;
	list-style: none;

    background-image: url(../img/bg_list.gif);
    background-position: 20px 6px;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-bottom: 5px;
}

}

.list01 li ul li{
	list-style-type:none;
	background-image:url(../img/bg_list.gif);
	-moz-background-size: 6px 6px; /* Firefox */
	-webkit-background-size: 6px 6px; /* Safari,Chromeなど */
	-o-background-size: 6px 6px; /* Opera */
	-ms-background-size: 6px 6px; /* ie */
	background-position:8px 5px;
	background-repeat:no-repeat;
	padding-left:18px;
	margin:0 0 0px 0;
}

.list02 li {
    background-image: url(../../../images/icon01_st.html);
    background-position: 20px 3px;
    background-repeat: no-repeat;
    padding-left: 35px;
}


.main_nav {
	clear: both;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background: #FFF;
	margin: 15px 0px 10px;
	border: 1px #CCC solid;
	overflow: hidden;
}

.main_nav li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #CCC;
	background: url(../img/bg_ttl.gif) no-repeat 10px center;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	background-size: 16px 16px padding-top: 2px;
}


.main_nav a {
	padding: 0 0 0 30px;
	display: block;
	height: 48px;
	line-height: 48px;
	background: url(../img/bg_navi_arrow.png) no-repeat 95% center;
	background-size: 15px;
	text-decoration: none;
}

.nav_pc {
	background: url(../img/bg_pc.html) no-repeat 10px center;
	-moz-background-size: 14px 14px; /* Firefox */
	-webkit-background-size: 14px 14px; /* Safari,Chromeなど */
	-o-background-size: 14px 14px; /* Opera */
	-ms-background-size: 14px 14px; /* ie */
	background-size: 14px 14px
}

.nav_no {
	border-bottom: 1px solid #CCC;
	background: url(../img/bg_ttl.gif) no-repeat 10px center;
	-moz-background-size: 16px 16px; /* Firefox */
	-webkit-background-size: 16px 16px; /* Safari,Chromeなど */
	-o-background-size: 16px 16px; /* Opera */
	-ms-background-size: 16px 16px; /* ie */
	background-size: 16px 16px
	padding-top: 2px;
}

a:link,a:visited{
	color:#30426a;

}



/*　MENU　////////////////////////////////////////////////////*/
.nav ul.top_nav li.nav_menu {
	background: rgb(3,107,186); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(3,107,186,1) 0%, rgba(8,76,102,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,107,186,1)), color-stop(100%,rgba(8,76,102,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(3,107,186,1) 0%,rgba(8,76,102,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(3,107,186,1) 0%,rgba(8,76,102,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(3,107,186,1) 0%,rgba(8,76,102,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(3,107,186,1) 0%,rgba(8,76,102,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036bba', endColorstr='#084c66',GradientType=0 ); /* IE6-9 */

}

#menu p {
	padding: 15px 10px 10px 20px;
	font-size: 150%;
}



/* グローバルナビのレイアウト設定 
////////////////////////////////////////////////////*/

.nav ul {
	margin:0 auto;
	border-top: 1px #b8b8b8 solid;
	overflow:hidden;
}

#menu .nav li {
	border-bottom: 1px #eee solid;
}

#menu .nav li:first-child {
	border-top: 1px #CCC solid;
	margin-left:0;
}

/* 右矢印・アタックポイント設定 */
.nav a {
	display: block;
	height: 48px;
	line-height: 48px;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.menu_nav li a {
	text-align:left;
	padding-left:10px;
	background:url(../img/bg_arrow.png) 95% center no-repeat;
}
.nav ul.menu_nav li.menu_tx {
	padding: 10px;	
}

/* jQuery 対応 */
.nav ul.menu_nav li.menu_nav_1 a,
.nav ul.menu_nav li.menu_nav_2 a,
.nav ul.menu_nav li.menu_nav_3 a,
.nav ul.menu_nav li.menu_nav_4 a,
.nav ul.menu_nav li.menu_nav_5 a
{
	color:#fff;
	text-shadow:none;
	font-weight:normal;
}
.nav ul.menu_nav li.menu_nav_1 span ,
.nav ul.menu_nav li.menu_nav_2 span ,
.nav ul.menu_nav li.menu_nav_3 span ,
.nav ul.menu_nav li.menu_nav_4 span ,
.nav ul.menu_nav li.menu_nav_5 span  {
	display:block;
}

.nav ul.menu_nav li.menu_nav_1,
h1#menu_ttl_1 {
background: #acbcda; /* Old browsers */
background: -moz-linear-gradient(top,  hsl(219,38%,76%) 0%, hsl(221,36%,58%) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(219,38%,76%)), color-stop(100%,hsl(221,36%,58%))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  hsl(219,38%,76%) 0%,hsl(221,36%,58%) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  hsl(219,38%,76%) 0%,hsl(221,36%,58%) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  hsl(219,38%,76%) 0%,hsl(221,36%,58%) 100%); /* IE10+ */
background: linear-gradient(to bottom,  hsl(219,38%,76%) 0%,hsl(221,36%,58%) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acbcda', endColorstr='#6d86ba',GradientType=0 ); /* IE6-9 */


}
.nav ul.menu_nav li.menu_nav_2,
h1#menu_ttl_2 {
background: #ffc476; /* Old browsers */
background: -moz-linear-gradient(top,  hsl(34,100%,73%) 0%, hsl(34,96%,57%) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(34,100%,73%)), color-stop(100%,hsl(34,96%,57%))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  hsl(34,100%,73%) 0%,hsl(34,96%,57%) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  hsl(34,100%,73%) 0%,hsl(34,96%,57%) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  hsl(34,100%,73%) 0%,hsl(34,96%,57%) 100%); /* IE10+ */
background: linear-gradient(to bottom,  hsl(34,100%,73%) 0%,hsl(34,96%,57%) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc476', endColorstr='#fb9e26',GradientType=0 ); /* IE6-9 */

}
.nav ul.menu_nav li.menu_nav_3,
h1#menu_ttl_3 {
background: #bce760; /* Old browsers */
background: -moz-linear-gradient(top,  hsl(79,74%,64%) 0%, hsl(79,60%,55%) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(79,74%,64%)), color-stop(100%,hsl(79,60%,55%))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  hsl(79,74%,64%) 0%,hsl(79,60%,55%) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  hsl(79,74%,64%) 0%,hsl(79,60%,55%) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  hsl(79,74%,64%) 0%,hsl(79,60%,55%) 100%); /* IE10+ */
background: linear-gradient(to bottom,  hsl(79,74%,64%) 0%,hsl(79,60%,55%) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bce760', endColorstr='#a5d148',GradientType=0 ); /* IE6-9 */
}
.nav ul.menu_nav li.menu_nav_4,
h1#menu_ttl_4 {
background: #79bbff; /* Old browsers */
background: -moz-linear-gradient(top,  hsl(210,100%,74%) 0%, hsl(210,84%,60%) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(210,100%,74%)), color-stop(100%,hsl(210,84%,60%))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  hsl(210,100%,74%) 0%,hsl(210,84%,60%) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  hsl(210,100%,74%) 0%,hsl(210,84%,60%) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  hsl(210,100%,74%) 0%,hsl(210,84%,60%) 100%); /* IE10+ */
background: linear-gradient(to bottom,  hsl(210,100%,74%) 0%,hsl(210,84%,60%) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79bbff', endColorstr='#4197ee',GradientType=0 ); /* IE6-9 */

}
.nav ul.menu_nav li.menu_nav_5,
h1#menu_ttl_5 {
background: #a5a4ca; /* Old browsers */
background: -moz-linear-gradient(top,  hsl(242,26%,72%) 0%, hsl(240,26%,64%) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(242,26%,72%)), color-stop(100%,hsl(240,26%,64%))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  hsl(242,26%,72%) 0%,hsl(240,26%,64%) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  hsl(242,26%,72%) 0%,hsl(240,26%,64%) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  hsl(242,26%,72%) 0%,hsl(240,26%,64%) 100%); /* IE10+ */
background: linear-gradient(to bottom,  hsl(242,26%,72%) 0%,hsl(240,26%,64%) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a4ca', endColorstr='#8989ba',GradientType=0 ); /* IE6-9 */
}

h1#menu_ttl_1 ,
h1#menu_ttl_2 ,
h1#menu_ttl_3 ,
h1#menu_ttl_4 ,
h1#menu_ttl_5 {
	text-shadow: none;
	color: #fff;
	padding: 10px 0 10px 10px;
	font-size: 120%;
	font-weight: normal;
}
.rec_box {
	background: url(../img/bg_s.gif);
	width: 100%;
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.rec_box td span {
		display: block;
		color: #007dd5;
		font-size: 17px;
}

.rec_box th,
.rec_box td {
	padding: 10px;	
}
.rec_box td.pnon {
	padding: 10px 10px 10px 0;	
}

.rec_box th {
	color: #ff6000;
	width: 6.0em;
	padding: 10px 0 10px 10px;
}
.ex_box {
	width: 100%;
	margin: 0 auto;
}

.ex_box tr {
	border-bottom: 1px solid #ccc;
}

.ex_box th {
	width: 40%;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0 10px 10px;	
	background: #ededed;
}

.ex_box td {
	width: 60%;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0 10px 10px;	
}


.top_box {
	float: left;
	margin: 10px 0px 0 0px;
	border: 1px solid #d8d8d8;
	width: 32.6%;
	font-size: 70%;
}

.top_box dt img{
	width :100%;
	height:auto;
}

.top_box dd {
	padding: 3px;
	height: 85px;
}










.mb20 { margin-bottom: 20px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}

.mt20 { margin-top: 20px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}

.ml20 { margin-left: 20px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}

.mr20 { margin-right: 20px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}