/* responsive_style.css */
@charset "utf-8";
/*----------------------------------------------------------- */
/* Layout
------------------------------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    font-size: 13px;
    line-height: 1.5;
	color: #333333;
	background-color:#777777;
	-webkit-text-size-adjust: none;
}
/*----------------------------------------------------------- */
/* container
------------------------------------------------------------- */
#container {
	margin: 0 auto;
	min-width:960px;
	background-position:left bottom ;
	background-repeat: repeat-x;
	background-color: #FFF;
}
/* スマホ（画面幅760px以下）対応ここから */
@media screen and (max-width: 760px){
#container {	
	min-width:480px;
	}
}
/* スマホ対応ここまで */
/*----------------------------------------------------------- */
/* header
------------------------------------------------------------- */
#header {
	border-top: 0px solid #005090;
	min-width:950px;
	background-color: #FFF;
}
#header .inner {
	width:950px;
	margin:0 auto;
	padding:0 0 10px;
	position:relative;
}
#header .inner #logo {
	padding:25px 0 20px;
	width: 550px;
	height: 120px;
}
/* スマホ対応ここから */
@media screen and (max-width: 760px){
#header {
	min-width:480px;
	}
#header .inner {
	width:480px;
	}
#header .inner #logo {
	width: 470px;
	height: 70px;
	}
}
/* スマホ対応ここまで */
/* head_link */
ul#head_link {
	position:absolute;
	top:50px;
	left:650px;
	width: 300px;
	height:30px;
	margin:0;
	padding:0 0 10px;
	/*background:url(../../img/common/header/head_nav_bg.gif) center bottom no-repeat;*/
}
ul#head_link li {
	float:left;
	height: 22px;	
	margin-right:20px;
	background:center center no-repeat;
}
ul#head_link li#hnav01 {
	width:57px;
	background:url(../img/common/header/head_nav01.png);
}
ul#head_link li#hnav02 {
	float:right;
	width:120px;
	height:30px;
	background:url(../img/common/header/head_nav05.png);
}
/* スマホ対応ここから */
@media screen and (max-width: 760px){
ul#head_link li#hnav02 {
	width:80px;
	height:26px;
	background:url(../img/common/header/head_nav02.png);
	}
}
/* スマホ対応ここまで */
ul#head_link li#hnav03 {
	width:88px;
	background:url(../img/common/header/head_nav03.png);
}
ul#head_link li#hnav04 {
	width:94px;
	background:url(../img/common/header/head_nav04.png);
}
ul#head_link li#hnav05 {
	width:93px;
	margin-right:0px;
	background:url(../img/common/header/head_nav05.png);
}
ul#head_link li a {
	display: block;
	/*\*/overflow: hidden;/**/
	width: 100%;
	height: 100%;
}
ul#head_link li a img {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
ul#head_link li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
/*----------------------------------------------------------- */
/* Global navigation
------------------------------------------------------------- */
#gnav {
	width:950px;
	height: 68px;
	margin:0 auto;
	padding:0;
	position:relative;
	clear:both;	
	background-image: url(../img/common/header/gnav_bg.png?new);
	background-repeat: no-repeat;
	background-position: center top;
}
	* html #gnav {	bottom: -1px;}
#gnav ul li {
	float: left;
	width: 135px;
	position: relative;
}
#gnav ul li#gnav07 {
	width: 138px;
}
#gnav ul li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#gnav ul li a img {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#gnav ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
#gnav {
	width:480px;
	height: 54px;
	margin:0 auto;
	padding:0;
	position:relative;
	clear:both;	
	background-image: url(../img/common/header/gnav_bg2.png);
	background-repeat: no-repeat;
	/*background-position: center top;*/
}
	* html #gnav {	bottom: -1px;}
#gnav ul li {
	float: left;
	width: 95px;
	position: relative;
}
#gnav ul li#gnav06 {
	display: none;
}
#gnav ul li#gnav07 {
	display: none;
}
#gnav ul li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#gnav ul li a img {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#gnav ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
}
/* スマホ対応ここまで */
/* image size */
img.size1 {
	width: 750px;
	}
img.size2 {
	width: 232px;
	height: auto;
	}	
img.size3 {
	width: 139px;
	}	
img.size4 {
	width: 200px;
	height: 77px;
	}	
img.size5 {
	width: 192px;
	height: 74px;
	}	
img.size6 {
	width: 200px;
	height: 77px;
	}	
img.size7 {
	width: 200px;
	height: 50px;
	}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
	img.size1 {
		width: 400px;
	}
	img.size2 {
		width: 200px;
		height: 70px;
	}	
	img.size3 {
		width: 96px;
	}
	img.size4 {
		width: 200px;
	}	
	img.size5 {
		width: 192px;
	}	
	img.size6 {
		width: 190px;
		height: 77px;
	}
		img.size7 {
		width: 190px;
		height: 50px;
	}
}
/* スマホ対応ここまで */
	
/*----------------------------------------------------------- */
/* contents
------------------------------------------------------------- */
#contents {
	width:1000px;
	margin:0 auto;
	padding:0 0 30px;
	clear:both;
}
/* スマホ対応ここから */
@media screen and (max-width: 760px){
#contents {
	width:480px;
	}
}
/* スマホ対応ここまで */
/*----------------------------------------------------------- */
/* main
------------------------------------------------------------- */
#main {
	float: right;
	width: 744px;
	padding:0;
	font-size:108%;
	line-height: 1.71;
} 
#gnav {z-index:100;}
#gnav li ul.submenu { position: absolute; top:63px; width:auto; display:none; }
#gnav li ul.submenu li{ font-size:107%; height:inherit; z-index:100; white-space:nowrap; width:180px;}
#gnav li ul.submenu a{ color:#333; padding:10px 15px 10px 32px; text-decoration:none;  border:1px solid #CCC; border-top:0px; background:url(../img/common/bullet/blt_arr04.gif) 16px 1.2em no-repeat #fff;}
	
#gnav li ul.submenu a:hover{ background:url(../img/common/bullet/blt_arr04.gif) 16px 1.2em no-repeat #e3efff; color:#333;}
#gnav li#gnav07 ul.submenu{ right:49px;}
/* スマホ対応ここから */
@media screen and (max-width: 760px){
#main {
	width: 200px;
	}
	#gnav {z-index:100;}
	#gnav li ul.submenu { position: absolute; top:45px; width:auto; display:none; }
	#gnav li ul.submenu li{ font-size:90%; height:inherit; z-index:100; white-space:nowrap; width:150px;}
	#gnav li ul.submenu a{ color:#333; padding:5px 5px 5px 5px; text-decoration:none;  border:1px solid #CCC; border-top:0px; background:url(../img/common/bullet/blt_arr04.gif) 16px 0.85em no-repeat #fff;}
	
	#gnav li ul.submenu a:hover{ background:url(../img/common/bullet/blt_arr04.gif) 16px 0.85em no-repeat #e3efff; color:#333;}
	#gnav li#gnav05 ul.submenu{ right:49px;}
}
/* スマホ対応ここまで */
/*----------------------------------------------------------- */
/* side - snav / banner
------------------------------------------------------------- */
#side {
	float: left;
	width: 246px;
}
#side dl#bnr_set {
	width: 232px;
	margin:0 0 15px 15px;
	/*margin:0 0 15px 22px;*/
}
#side dl#bnr_set dt{
    margin-bottom:5px;
}
#side dl#bnr_set dd{
	text-align:center;
	margin-bottom:5px;	
}
#side ul.bnr li {
    margin: 0 0 5px 30px;
}
#side ul.bnr li:last-child {
    margin: 0 0 0 30px;
}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
	#side {
	float: left;
	width: 200px;
	margin:0;
	padding:0;
	font-size:108%;
	}
	#side dl#bnr_set {
	width: 180px;
	margin:0 0 10px 10px;
	}
	#side dl#bnr_set dt{
    margin-bottom:5px;
	}
	#side dl#bnr_set dd{
	text-align:center;
	margin-bottom:5px;	
	}
	#side ul.bnr li {
    margin: 0 0 0px 10px;
	}
	#side ul.bnr li:last-child {
    margin: 0 0 0 5px;
	}
}
/* スマホ対応ここまで */
/* snav */
#snav {
	width:234px;
	margin:0 0 15px 22px;
	padding:0;
}
#snav h2 {
	width:234px;
	margin:0;
	parding:0;
}
#snav ul {
	width:232px;
	margin:0 auto;
	border:1px solid #CCC;
	border-bottom:1px solid #7c7c7c;
	background:#FFF;
}
#snav ul li {
	margin:0;
	padding:0;
	font-size:108%;
}
#snav ul li a {
	display:block;
	height:100%;
	padding:10px 10px 10px 32px;
	border-top:1px solid #CCC;
	background:url(../img/common/bullet/blt_arr04.gif) 16px 1.2em no-repeat;
	color:#333;
	text-decoration:none;
}
#snav ul li a:hover {
	color:#89afe4;
	background-color:#E5F1FD;
	text-decoration: underline;
}
#snav ul.child{
	padding-left:15px;
}
/* Location
----------------------------------------------------------- */
ul#head_link li#hnav01 a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
/* Setting
----------------------------------------------------------- */
/* mainvidual */
#mainvidualwrap {
	width:960px;
	margin:0 auto 20px;
	padding:0 0 12px;
	background:url(../img/index/mainvidual_bg.gif) center bottom no-repeat;
}
#mainvidualwrap .inner {
	width:958px;
	padding:0;
	border:none;
}
#mainvidualwrap .inner .flt_r {
	border-left:1px solid #cccccc;
}
#mainvidualwrap .inner .flt_r li{
	border-bottom:1px solid #cccccc;
}
#mainvidualwrap .inner .flt_r li:last-child{
	border-bottom:none;
}
#mainvisual{ 
	width:655px; 
	height:250px; 
	float:left;
	background:no-repeat center top;
	}
@media screen and (min-width: 761px) /* スマホ対応 */
{
#mainvidualwrap2 {
		display: none;
}
}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
#mainvidualwrap {
	width: 0:
	hight: 0;
	display: none;
	}
#mainvidualwrap .inner {
	width: 0:
	hight: 0;
	display: none;
	}
#mainvisual{ 
	width:0px; 
	height:0px; 
	display: none;
	}
	
	ul#head_link {
	display: none;
	}
#mainvidualwrap2 {
	width:470px;
	margin: 0 auto;
	}
}
/* スマホ対応ここまで */
/* プリンター対応 */
@media print {
  #mainvidualwrap2
     { display:none; }
}
/* プリンター対応ここまで */
/* info */
#info {
	width:496px;
	float:left;
	margin:0;
	padding:0 0 10px;
	background: url(../img/index/info_bg.gif) center bottom no-repeat;
}
#info .inner{
	margin:0;
	padding:18px 18px 30px;
	border:0px solid #d1d1d1;	
}
.hlv01 h2 {
	float:left;
	background: url(../img/common/bullet/blt_arr01.gif) left center no-repeat;
}
.hlv01 span { float:right;}
#info .inner dl { position:relative;}
#info .inner dl dt {
	position:absolute;
	background:url(../img/common/bullet/blt_arr02.gif) left center no-repeat;
	padding:0 0 0 20px;
}
#info .inner dl dd {
	margin:0 0 5px;
	padding:0 0 5px 9em;
	background:url(../img/common/bullet/dotline01.gif) left bottom repeat-x;
}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
#info {
	display: none;
	}
}
/* スマホ対応ここまで */
/* bnr top */
#bnr_top {
	width:200px;
	float:right;
	padding:17px 35px 0 0;
	/*background:url(../img/index/bnr_top_bg.gif) left top no-repeat;*/
}
#bnr_top ul li {
	width:200px;
	padding:0 0 14px;
	background: url(../img/index/bnr_li_bg.gif) center bottom no-repeat;
}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
#bnr_top {
	width:180px;
	float:right;
	padding:17px;
	margin-right:10px;
	/*background:url(../img/index/bnr_top_bg.gif) left top no-repeat;*/
}
#bnr_top ul li {
	width:180px;
	padding:0 0 14px;
	background: url(../img/index/bnr_li_bg.gif) center bottom no-repeat;
}
}
/* スマホ対応ここまで */
/*----------------------------------------------------------- */
/* table
----------------------------------------------------------- */
table.type01 { 
	background-color: #ddffff;
	color: #000000;
	font-weight: bold;
	border: solid 2px #0000FF;
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 0 30px 0 0; 
	width: 200px;
}
table.type02 { 
	border: solid 0px #FFFFFF;
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 0 0 0 40px;
	width: 200px;
	hight: 150px;
}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
table.type01 { 
	border: solid 2px #0000FF;
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 0 15px 0 0 ; 
	width: 190px;
	}
table.type02 { 
	border: solid 0px #FFFFFF;
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 0 0 0 15px;
	width: 200px;
	hight: 150px;
	}
}
/* スマホ対応ここまで */
/*----------------------------------------------------------- */
/* footer
------------------------------------------------------------- */
#footer {
	clear:both;
	border-top: 0px solid #005293;
	max-width:1000px;
	min-width:900px;
	background-color: #FFF;
	margin: 0 auto;
}
#footer p {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
#footer #sign {
	min-width:1000px;
	padding:13px 0;
}
#footer #sign .inner {
	width: 960px;		
	position:relative;
	margin:0 auto;
}
#footer #sign img {
	padding:0;
	float: left;
}
#footer #sign address {
	padding:7px 0 20px;
	float: right;
	font-size:14px;
}
#footer #foot_nav {
	min-width:1000px;
	clear:both;
	padding:20px 0;
	background-color:#005293;
	color:#FFF;
	font-size:14px;
}
#footer #foot_nav .inner {
	width: 960px;		
	position:relative;
	margin:0 auto;
}
#footer #foot_nav li {
	float:left;
	padding:0 20px 0 10px;
	background:url(../img/common/bullet/blt_arr03.gif) left 0.6em no-repeat;
}
#footer #foot_nav li a {
	color:#FFF;
	text-decoration:none;
}
#footer #foot_nav li a:hover {
	color:#FFF;
	text-decoration:underline;
}
#footer #foot_nav .copyright {
	float:right;
	font-size:85%;
}
#footer a:link {	color: #ffffff; text-decoration:none;}
#footer a:visited {color: #ffffff; text-decoration:none;}
#footer a:hover {color: #77ffff; text-decoration:underline;}
#footer a:active {color: #77ffff; text-decoration:underline;}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
#footer {
	clear:both;
	border-top: 0px solid #005293;	
	min-width:480px;
	background-color: #FFF;
	}
}
/* スマホ対応ここまで */
/* span class font-size 指定　*/
@media screen and (min-width: 761px)
{
span.notice{font-size: 11px;}
}
/* スマホ対応ここから */
@media screen and (max-width: 760px)
{
span.notice{font-size: 8px;}
}
/* スマホ対応ここまで */
/* ========FOOTER CUSTOMIZE======== */
#address {
   margin:5px 20px 0px 50px;
   padding:5px 20px;
   font-style:normal;
   font-size:90%;/* 14px相当 */
   color:#fff;
   text-align:left;
   background: #0096E7;
}