@charset "utf-8";
/********************
base.css
********************/
.grid > .grid_unit, .grid > .grid_field-unit,
.m-grid > .grid_unit, .m-grid > .grid_field-unit {
padding: 0;
}
.m-grid {
margin: 0;
}
.grid {
margin: 0;
}
/* common */
body,html {
width:100%;
text-align:center;
color:#515151;
font-size:90%;
}
html {
border-top:5px solid #00246f;
}

img {
max-width: 100%;
width:auto;
height: auto;
width /***/: auto;
}
#wrapper {
text-align:left;
position:relative;
}
.rapper {
width:90%;
max-width:960px;
margin:0 auto;
}
a {
text-decoration:none;
color:#000;
}
a:hover{
text-decoration:underline;
color:#000;
}
/* header */
#global_header {
padding:20px 0 0;
}
#global_header .global_nav_outer {
margin:0 0 15px;
}
#global_header #head_nav {
margin:0 auto 20px;
}
#global_header #head_nav h1 {
width:50%;
line-height:38px;
font-size:11px;
color:#5a5a5a;
}
#global_header #head_nav .inner {
width:50%;
height:38px;
position:relative;
}
#global_header #head_nav .inner p{
position:absolute;
}
#global_header #head_nav .inner p a {
line-height:0;
}
#global_header #head_nav .inner p.faq{
width:97px;
top:10px;
right:480px;
}
#global_header #head_nav .inner p.tell{
width:288px;
top:5px;
right:170px;
}
#global_header #head_nav .inner p.contact{
width:155px;
top:0;
right:0;
}
#global_header #global_nav {
width:100%;
max-width:960px;
}
#global_header .global_nav_outer.fixed {
width:100%;
position:fixed;
top:0;
left:0;
padding:20px 0 10px;
border-top:5px solid #00246f;
z-index:10000;
box-shadow: 0px 3px 5px #ddd;
-moz-box-shadow: 0px 3px 5px #ddd;
-webkit-box-shadow: 0px 3px 5px #ddd;
background:#fff;
}
#global_header .global_nav_outer.fixed #global_nav {
width:100%;
margin:0 auto;
}
#global_header #global_nav #head_logo{width:25%;}
#global_header #global_nav .inner  { width:75%; background:#c00; }
#global_header #global_nav .inner ul {
padding-left:1px;
background:url(../img/common/dot_tate_b.gif) top left no-repeat #fff;
}
#global_header #global_nav .inner ul li{
width:20%;
min-height:35px;
text-align:center;
background:url(../img/common/dot_tate_b.gif) top right no-repeat #fff;
}
#global_header #global_nav .inner ul li span { cursor:pointer; }
#global_header #global_nav .inner ul li img { margin: 0; }
#global_header .global_sub_nav_outer  {
display:none;
padding:20px 0 0;
margin: 20px 0 0;
background:url(../img/header/bg_gns_head.gif) top center repeat-x #f5f5f5;
text-align:center;
position:relative;
}
#global_header .global_sub_nav_outer .global_sub_nav_outer2 {
padding:0 0 10px;
background:#f5f5f5;;
-webkit-box-shadow: 0 5px 6px -6px #333;
-moz-box-shadow: 0 5px 6px -6px #333;
box-shadow: 0 5px 6px -6px #333;

}
#global_header .global_sub_nav_outer.fixed{
width:100%;
position:fixed;
top:73px;
left:0;
z-index:10000;
margin:0;
}
#global_header #global_sub_nav { width:90%; }
#global_header #global_sub_nav .inner { display:block; }
#global_header #global_sub_nav .inner li {
*display: inline!important;
*zoom: 1!important;
width: 20%\9;/* IE8hack*/
}
#global_header #global_sub_nav .inner li a{
width:auto;
height:auto;
padding:0 0 0 20px;
text-align:left;
*display: inline!important;
*zoom: 1!important;
}
#global_header #global_sub_nav .inner li.arrow-r a{
background:url(../img/common/icon_arrow_r.gif) left no-repeat;
}
#global_header #global_sub_nav .inner li.arrow-y a{
background:url(../img/common/icon_arrow_y.gif) left no-repeat;
}
#global_header #global_sub_nav .inner li.arrow-g a{
background:url(../img/common/icon_arrow_g.gif) left no-repeat;
}
#global_header #global_sub_nav .inner li.arrow-p a{
background:url(../img/common/icon_arrow_p.gif) left no-repeat;
}
#global_header #global_sub_nav .inner li.arrow-m a{
background:url(../img/common/icon_arrow_m.gif) left no-repeat;
}
#global_header #sub_nav_close{
text-align:right;
cursor:pointer;
width:10%;
}
#global_header #sp_nav{
display:none;
}
#global_header #sp_menu {
display:none;
padding:25px 0 10px;
margin:2% 0 0;
background:url(../img/header/bg_sp_menu.png);
height:100%;
}
#global_header #sp_menu ul {
background:#fff;
}
#global_header #sp_menu  ul li {
padding:0 10px;
margin:0  0 5px;
}
#global_header #sp_menu  ul li.mb10 {
margin:0 0 10px;
}
#global_header #sp_menu  ul li a{
color:#000;
height:16px;
line-height:20px;
padding:0 0 0 20px;
background:url(../img/common/icon_arrow_w.gif) top left no-repeat;
}
#global_header #sp_menu ul li.category{
padding:10px;
border-top:1px solid #ccc;
}
#global_header #sp_menu  ul li.category a{
font-weight:bold;
background:url(../img/common/icon_arrow_b.gif) top left no-repeat;
}
#global_header #sp_menu p.close {
width:90%;
margin:10px auto;
text-align:right;
}
/* contents */
#global_pan {
font-size:11px;
height:1em;
line-height:1em;
margin: 25px auto 15px;
}
#contents {
margin:20px auto 0;
}
#contents .content_auter {
background:url(../img/common/bg_contents.gif) bottom left repeat-x;
padding:20px 0 40px;
}
#contents #telphone {
margin:40px auto 0;
padding:0 0 26px;
background:url(../img/common/bg_telphone.png) bottom left repeat-x;
}
#contents #telphone  .inner {
padding:15px;
background:#fff;
}
#contents #telphone p{
text-align:center;
}
#contents .read {
line-height:1.8em;
}

/* footer */
#global_footer  #pc_footer{
padding:50px 0 45px;
}
#global_footer #pc_footer .footer_about .footer_logo {
margin:0 0 30px;
}
#global_footer #pc_footer .footer_about .footer_contact {
font-size:11px;
line-height:1.8em;
margin:0 0 30px;
}

#global_footer #pc_footer  .footer_about  .iso {
width:100%;
margin:0 0 15px;
}
#global_footer #pc_footer  .footer_about  .iso p {
width:28%;
display:inline-block;
text-align:left;
vertical-align:top;
margin-right:5px;
*display: inline!important;
*zoom: 1!important;
}
#global_footer #pc_footer .iso p span{
display:block;
text-align:left;
}
#global_footer #pc_footer .iso .footer_sns {
width:85%;
padding:0 0 0 15%;
}
#global_footer #pc_footer .footer_about { width:37.5%; }
#global_footer #pc_footer .footer_contents { width: 62.5%; }
#global_footer #pc_footer .footer_contents .footer_sitemap div { width:33.3333%; }
#global_footer #pc_footer .footer_contents ul li { margin:0 0 10px; }
#global_footer #pc_footer .footer_contents ul li a{
color:#000;
height:16px;
line-height:20px;
padding:0 0 0 20px;
background:url(../img/common/icon_arrow_w.gif) top left no-repeat;
}
#global_footer #pc_footer .footer_contents ul li.ban a{
color:#000;
height:80px;
line-height:80px;
padding:0;
background:none;
}
#global_footer #pc_footer .footer_contents ul li.category{
margin:0 0 10px;
}
#global_footer #pc_footer .footer_contents ul li.category a{
font-weight:bold;
background:url(../img/common/icon_arrow_b.gif) top left no-repeat;
}
#global_footer #pc_footer .footer_contents ul li.mt30{
margin-top:30px;
}
#global_footer #sp_footer{
display:none;
}
#global_footer #sns_facebook,
#global_footer #sns_twitter,
#global_footer #sns_mixi {
width:75px;
float:left;
margin-right:10px;
}
#copyright{
width:100%;
height:45px;
padding:25px 0 0 0;
background:#00246f;
text-align:center;
}
#copyright p{
width:90%;
max-height:960px;
margin:0 auto;
}
p#btn_page_top {
position:fixed;
bottom:5%;
right:3%;
}
p#btn_sp_page_top {
display:none;
}
.sp_title {display:none;}

@media only screen and (max-width:960px) {
#global_header #head_nav .inner {
height:80px;
position:relative;
}
#global_header #head_nav .inner p.faq{
width:97px;
top:50px;
right:180px;
}
#global_header #head_nav .inner p.tell{
width:288px;
top:5px;
right:0px;
}
#global_header #head_nav .inner p.contact{
width:155px;
top:40px;
right:0;
}
#global_header #global_nav {
position:relative;
text-align:center;
}
#global_header #global_nav .inner{
width:95%;
margin:0 auto;
background:url(../img/header/bg_gn_border.gif) top left no-repeat;
padding-left:1px;
}
#global_header #global_nav p#head_logo {
background:none;
position:absolute;
top:-50px;
left: 20px;
}
#global_header #global_sub_nav ul {
text-align:left;
}
#global_header #global_sub_nav ul li {
width:33.33%;
text-align:left;
margin:0 0 10px;
}
#global_header #sp_nav {
display:none;
}
/* content */
#contents #telphone {
display:none;
}
#contents #telphone_sp{
display:block;
}
/* footer */
#global_footer #pc_footer{
display:none;
}
#global_footer #sp_footer{
display:block;
margin:20px 0 40px;
}
#global_footer #sp_footer .ban {
	height:80px;
	margin-bottom:30px;
}
#global_footer #sp_footer .ban a{
	line-height:100%;
}
#global_footer #sp_footer .footer_contents {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0 0 30px;
background:#fbfbfb;
}

#global_footer #sp_footer .footer_contents  li {
padding:0px 5px 10px;
letter-spacing: 0;
}
#global_footer #sp_footer .footer_contents  li a{
color:#000;
height:16px;
line-height:20px;
padding:0 0 0 20px;
background:url(../img/common/icon_arrow_w.gif) top left no-repeat;
}

#global_footer #sp_footer .footer_contents  li.category{
border-top:1px solid #ccc;
padding:10px 5px 10px;
}
#global_footer #sp_footer .footer_contents li.category a{
font-weight:bold;
background:url(../img/common/icon_arrow_b.gif) top left no-repeat;
}
#global_footer #sp_footer .footer_about {
color:#000;
}
#global_footer #sp_footer .footer_about p.footer_logo{
font-weight:bold;
margin:0 0 5px;
}
#global_footer #sp_footer .footer_about p.footer_contact{
margin:0 0 10px;
}
p#btn_page_top {
display:none;
}

}
@media only screen and (max-width:640px) {
.pc_title {display:none;}
.sp_title {display:block;}
#global_header #head_nav h1 {width:100%; }
#global_pan {
display:none;
}
#global_header #global_nav {
width:90%;
}
#global_header .global_nav_outer.fixed {
position:static;
border-top:none;
}
#global_header .global_nav_outer.fixed #global_nav {
width:90%;
margin:0 auto;
}

#global_header #global_nav .inner ul{
display:none;
}
#global_header #global_nav p#head_logo {
position:absolute;
top:-20px;
left:10px;
width:50%;
text-align:left;
}
#global_header #head_nav .inner{
display:none;
}
#global_header .global_sub_nav_outer {
display:none!important;
}
#global_header #sp_nav {
display:block;
margin:0 auto;
padding:0 10px 0 0;
}
#global_header  .global_nav_outer #global_nav #sp_nav p{
width:10%;
position:absolute;
top:-150%;
}
#global_header  .global_nav_outer #global_nav #sp_nav p#sp_nav_tel {
right:23%;
}
#global_header  .global_nav_outer #global_nav #sp_nav p#sp_nav_mail {
right:12%;
}
#global_header  .global_nav_outer #global_nav #sp_nav p#sp_nav_menu {
right:1%;
}
#global_header .global_nav_outer.fixed #global_nav #sp_nav p {
top:-25px;
}
#contents .content_auter {
background:none;
padding:10px 0;
}

#global_footer #sp_footer .footer_contents li.category a{
font-weight:bold;
background:url(../img/common/icon_arrow_w.gif) top left no-repeat;
}

#global_footer #sp_footer .footer_contents  li.subs{
display:none;
}
p#btn_sp_page_top {
width:100%;
display:block;
border-top:1px solid #e5e5e5;
text-align:center;
}
p#btn_sp_page_top a {
width:90%;
padding:10px 0;
margin:0 auto;
display:block;
background:#ededed;
}
#global_footer #sp_footer{
display:block;
margin:20px 0 50px;
}

}

a.last { display:none!important;}
span.extend { background:#fff!important; color:#000!important; }

