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

/*------------------------------------------------------------------------ */
/* --- resetter section --------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html {
	overflow-y: scroll;
}

html, body {
	margin: 0px;
	padding: 0px;
}
body{
	border-top: 3px solid #fad110;
	background: url('../common_img/bg_body.jpg') repeat-x top center;
}
h1, h2, h3, h4, h5, h6, body, html, p, li, dt, dd, pre, form, fieldset {
	font-family: Meiryo, Osaka, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-style: normal;
	font-size: 13px;
	line-height: 1.6;
}

ul, ol, dl, img {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border: 0px;
	table-layout: fixed;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align: bottom;
}
a {
	text-decoration: underline;
}
a:link {
	color: #508fbc;
}
a:active {
	color: #508fbc;
}
a:hover {
	color: #96c3e2;
	text-decoration: none;
}
a:visited {
	color: #508fbc;
}

/*-- リンクの点線を消去 --*/
body div a:active, body div a:focus {
	outline: none;
}

/*ClearFix*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}

/*------------------------------------------------------------------------ */
/* --- structure section -------------------------------------------------- */

#header #h_box, #header #h_top div.h_top_box, #gnav ul.topmenu, #main_visual, #topicPath, #main, .page_up, #footer #footer_box, #all_internet a, #gnav{
	clear: both;
	width: 1000px;
	margin: 0px auto;
}

#wrapper {
	min-height: 100%;
	margin: 0px auto;
	position: relative;
}
#header {
	/*full width*/
}

#gnav {
	margin: 0px auto;
}

#main {
	/* with in #content & #snav */
	margin: 0px auto 30px auto;
}
#content {
	/* as main content */
	width: 730px;
	float: right;
	position: relative;
}
#snav {
	/* right or left nav space*/
	width: 250px;
	float: left;
}
#footer {
	/* full width*/
}

/*------------------------------------------------------------------------ */
/* --- common design section ------------------------------------------ */
/* ------header------- */
#header {
}

#h_top {
	width: 100%;
	height: 20px;
	/* overflow: hidden; */
}
#h_top div div {
	width: 40%;
	float: right;
	text-align: right;
}
#h_top div div a {
	color: #fff;
}
#h_top h1 {
	color: #c5c5c5;
	font-size: 10px;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	float: left;
	padding-top: 2px;
	padding-right: 20px;
}

#header #h_box{
}

#h_left {
	width: 20%;
	float: left;
}

#logo {
	margin: 18px 0px 0px 0px;
}

#h_right {
	text-align: right;
	float: right;
	width: 80%;
}
#contact_text{
	display: block;
	text-align: right;
	margin: 0 0 4px 0;
}
#tel_h {
	padding: 0px 4px 6px 0px;
}

#contact {
	padding: 0px 0px 6px 0px;
}

/*------dropdown_nav------*/
#gnav {
	background: url('../common_img/bg_nav.jpg') repeat-x;
	height: 51px;
	margin-top: 21px;
	border-radius: 5px;
}

#gnav ul.topmenu {
	display: block;
	position: relative;
	background: url('../common_img/topmenu.png') no-repeat;
	bottom: 22px;
	height: 90px;
	left: 2px;
	z-index: 1;
}
#time01{
	width: 124px;
	height: 52px;
	font-size: 12px;
	float:left;
	margin-right: 3px;
	text-align: left;
}
#time01 img{
	float: left;
}
#time01 span{
	position: relative;
	top: 8px;
	left: 4px;
}
#time02{
	float:left;
	height: 52px;
	display: block;
  margin-left: 5px;
	font-size: 12px;
}
#time02 img {
	float:left;
	display:block;
	width:114px;
	}
#time02 span{
	float:left;
	text-align:left;
	padding:10px 0 0 5px;
	display: block;
	line-height:15px;
}

#menu1{}
#menu2{margin-left: 16px;}
#menu3{margin-left: 15px;}
#menu4{margin-left: 12px;}
#menu5{
	position: absolute;
	right: 2px;
	bottom: 0px;
}
#menu5i{
	position: absolute;
	right: 1px;
	bottom: -9px;
}
ul.topmenu li {
	font-weight: bold;
	float: left;
	zoom: 1;
	margin-top: 36px;
	margin-left: 18px;
}
ul.topmenu a:hover {
	color: #000;
}
ul.topmenu a:active {
	color: #ffa500;
}
ul.topmenu li a {
	display: block;
}
ul.topmenu li:last-child a {
	border-right: none;
}

/* Doesn't work in IE */
ul.topmenu li.hover, ul.topmenu li:hover {
	color: black;
	position: relative;
}
ul.topmenu li.hover a {
	color: black;
}

/*  drop down menu  */
ul.dropdown ul {
	width: 194px;
	visibility: hidden;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	position: absolute;
	top: 100%;
	left: 0;
}
ul.dropdown ul li {
	color: #000;
	font-weight: normal;
	float: none;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../common_img/arrow_01.gif) 5px center no-repeat #fff;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	width: 100%;
	display: inline-block;
	border-right: none;
}

ul.dropdown ul ul {
	left: 100%;
	top: 0;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}

/*------main_visual_box------*/
#inner_visual {
	height: 150px;
	width: 1000px;
	margin: 10px auto 0 auto;
	background: url('../common_img/bg_main_visual_inner.jpg') no-repeat #fff;
	position: relative;
	z-index: 1;
}
#inner_visual h2{
	padding: 33px 0 0 20px;
}

/*------topicPath------*/
#topicPath {
	clear: both;
	display: block;
	padding: 5px 0px;
}
#topicPath li {
	color: #000000;
	font-size: 11px;
	list-style-type: none;
	display: inline;
	padding-top: 3px;
}
#topicPath li.home {
	padding-left: 20px;
	background: url(../common_img/topicpath_home.gif) no-repeat left center;
}
#topicPath li a {
	padding-right: 10px;
	background: url(../common_img/topicpath_arrow.gif) no-repeat right center;
}

ul#topicPath li a:hover {
	/* arrange me */
}

/* ------ main ------- */
#main {
}
/* titles  Use  large -> small  */
.title_main {
	font-size: 20px;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 10px;
	border: solid 1px #CCCCCC;
	background-color: #EEEEFF;
}
.title_sub {
	font-size: 16px;
	font-weight: bold;
	padding: 4px 15px;
	color: #fff;
	margin-bottom: 10px;
	border-bottom: 3px solid #F6DB4E;
	background: url(../common_img/title_sub.png);
}
.title_section {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0D3566;
	border-bottom: 3px double #EFBC1B;
}
.title_item {
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 2px solid #F6DB4E;
	border-left: 3px solid #F6DB4E;
	padding: 3px 10px;
	background: #fff;
	font-size:15px;
}


/* ------snav left (or right) tool box----- */
#snav {
	
}
#snav .title_snav{
	background-color: #0d3566;
	padding: 5px 0 5px 13px;
	color: #fff;
	font-weight:bold;
	font-size:16px;
	border-bottom: 3px solid #fad110;
}
#snav .snav_link{
	border-top:0;
	padding: 8px;
	border: 1px solid #0d3566;
	background-color: #fff;
	margin-bottom: 5px;
}
#snav .snav_link h4{
	border: 1px solid #C1D0E1;
  margin-bottom: 6px;
  font-weight: bold;
  padding: 5px 0 3px;
  background: url("../common_img/snav_link_bg.gif");
}
#snav .snav_link h4 span{
	font-weight: bold;
  padding: 0 0 0 23px;
  background: url("../common_img/snav_link_arrow.gif") 8px 4px no-repeat;
}
#snav .snav_link ul{margin-bottom: 10px;}
#snav .snav_link li{
	background: url('../common_img/bg_li.png') no-repeat;
	background-position: 0px;
	line-height: 25px;
	padding-left: 15px;
	margin-left: 7px;
	font-size: 11px;
}
#snav .snav_link li a{
	color:#343b44;
	text-decoration: none;	
}
#snav #snav_inner01{
	margin-bottom: 10px;
}
#snav #snav_inner01 p{
	font-size: 10px;
	background-color: #000000;
	color: #fff;
	padding: 15px;
}
#snav h5{
	border-bottom: 1px solid #0d3566;
	font-weight: bold;
	color: #195CAA;
	font-size: 15px;
	margin-bottom: 10px;
}
#snav #snav_inner02{
	text-align: center;	
}
#snav #snav_inner02 li{
	margin-bottom: 10px;
	font-size: 10px;
}
#snav .cat{
	background: none !important;
	padding-left: 0 !important;
	margin-left:0 !important;
	border-bottom:3px double #EFBC1B;
	margin-top: 15px;
}
#snav .cat a{
	font-size: 16px;
	font-weight: bold;
	color: #0D3566 !important;
}

/* ------footer------- */
.page_up {
	text-align: right;
}

#footer {
	/* full width container */
	padding: 30px 0px 0px 0px;
	background: url('../common_img/bg_footer.png') repeat-x center bottom #0d3566;
	padding-bottom: 100px;
	border-top: 1px solid #9eaec2;
}
#footer_box #f_left{
	width: 220px;
	display: inline-block;
}
#footer_box #f_right{
	display: inline-block;
	float: right;
}
#f_contact_no{
	position: relative;
	right: 1px;
	margin: 10px 0;
}
.footer_link li, .footer_link2 li{
	background: url('../common_img/bg_link.png') no-repeat left;
	padding-left: 20px;
	line-height: 24px;
	font-size: 11px;
}
.footer_link li a, .footer_link2 li a, .footer_link2 h4 a{
	color: #fff;
	text-decoration: none;
}
.footer_link li a:hover, .footer_link2 a:hover {
	color:#B8F2F7;
}
.footer_link h4, .footer_link2 h4{
	color: #fff;
	font-weight: bold;
}
.mr50{
	margin-right: 50px;
}
.footer_link {
	float: left;
	margin-top: 20px;
	width: 170px;
}
.footer_link2{
	float: left;
	margin-top: 20px;
	width: 240px;
}

/* --- utility section ----------------------------------------------------------------------------- */

/* if needs instant arrange */
#wrapper .mb_clear {
	margin-bottom: 0px;
}
#wrapper .mb10 {
	margin-bottom: 10px;
}
#wrapper .mb15 {
	margin-bottom: 15px;
}
#wrapper .mb20 {
	margin-bottom: 20px;
}
#wrapper .mb30 {
	margin-bottom: 30px;
}
#wrapper .mb40 {
	margin-bottom: 40px;
}
#wrapper .mb50 {
	margin-bottom: 50px;
}
#wrapper .mt15 {
	margin-top: 15px;
}
#wrapper .mt10 {
	margin-top: 10px;
}
#wrapper .mt7 {
	margin-top: 7px;
}
#wrapper .mt5 {
	margin-top: 5px;
}
.fl_l{
	float: left;
}
.fl_r{
	float: right;
}

/*-------container------- */
.container {
	height: 100%; /*fig IE6*/
	margin-bottom: 30px;
}
.container .msg {
	width: 455px;
	word-break: break-all;
}
.container .img {
	width: 260px;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

/* more botton right */
.more{
	margin-top: 10px;
	text-align: right;
}

/* highlight & line_box box */
.highlight{
	padding:15px;
	margin-bottom:30px;
	border: 1px dotted #a2ceee;
	background-color: #F1F9FF;
}
.line_box{
	padding:15px;
	border: 1px dotted #a2ceee;
}

/* table style */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
	border:#e5e5e5 solid 3px;
}
.tb_style th,
.tb_style td{
	text-align:left;
	padding:5px 10px;
	border:#e5e5e5 dotted 1px;
	border-right:#e5e5e5 solid 1px;
	background: #fff
}
.tb_style th{
	color:#222;
	border-bottom:#e5e5e5 solid 1px;
	background:#F4F4F5;
}

/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	margin-bottom:30px;
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
}

/* ------2colum------- */
.col2_box {
	width: 750px; /*sample*/
}
.col2_box .col2 {
	width: 355px; /*sample*/
	margin-right: 20px;
	background: #930;
	min-height: 200px; /*sample*/
}

/* ------3colum------- */
.col3_box {
	width: 750px; /*sample*/
}
.col3_box .col3 {
	width: 230px; /*sample*/
	margin-right: 20px;
	background: #06F;	
}

/* ------4colum------- */
.col4_box {
}
.col4_box .col4 {
}