﻿@charset "utf-8";

.pc{ display:block;}
.sp{ display:none !important;}

/* ========================= ================================
◆Link Style
========================================================= */

a:link    { color: #A01036; text-decoration: none; }
a:visited { color: #A01036; text-decoration: none; }
a:hover   { color: #A01036; text-decoration: underline; }
a:active  { color: #A01036; text-decoration: none; }
a { outline:none; cursor:pointer !important; }

/* =========================================================
◆Wrap
========================================================= */
html { font-size:14px; }
body { font-size: 100.01%; zoom:1;}
#container {
				height: auto;
    min-height: 100%;
    position: relative;
    width: 100%;}
#containerInner { }

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

select{ vertical-align:top;}

/* =========================================================
◆Head
========================================================= */
header {
width:260px; width:261px\9;
border-right:3px solid #DDDDDD;
position:absolute; left:0; top:0; min-height:980px; z-index:1000;
text-align:center;
height:100%;
}

header h1{ margin-bottom:20px; padding:10px; font-size:78.6%;}
header h1 img{ width:150px;}
header h1 a:link,
header h1 a:visited,
header h1 a:hover,
header h1 a:active{ color:#000; text-decoration:none;}
header h1 span{ display:block; padding-top:40px;}

header .sp2015{ width:220px; margin:0 auto 20px;}

/* =========================================================
◆Gnav
========================================================= */
header nav#Gnav{ width:100%; border-top:1px solid #DDD; margin-bottom:20px; zoom:1;}
header nav#Gnav li {zoom:1; border-bottom:1px solid #DDD; width:100%; height:60px; background:url(/_resource/images/common/gnav_2.gif) no-repeat; background-size:487px auto; text-indent:-9999px; position:relative;}
.oldie header nav#Gnav li {zoom:1; border-bottom:1px solid #DDD; width:100%; height:60px; background:url(/_resource/images/common/gnav.gif) no-repeat; /*text-indent:-9999px;*/ position:relative;}

header nav#Gnav li a { display:block; height:100%; width:100%; cursor:pointer;}
header nav#Gnav li.g01 { background-position:10px 13px;}
header nav#Gnav li.g02 { background-position:10px -48px;}
header nav#Gnav li.g03 { background-position:10px -110px;}
header nav#Gnav li.g04 { background-position:10px -170px;}
header nav#Gnav li.g05 { background-position:10px -229px;}
header nav#Gnav li.g06 { background-position:10px -290px;}
header nav#Gnav li.g07 { background-position:10px -352px;}
header nav#Gnav li.g01:hover { background-position:-252px 13px;}
header nav#Gnav li.g02:hover { background-position:-252px -48px;}
header nav#Gnav li.g03:hover { background-position:-252px -110px;}
header nav#Gnav li.g04:hover { background-position:-252px -170px;}
header nav#Gnav li.g05:hover { background-position:-252px -229px;}
header nav#Gnav li.g06:hover { background-position:-252px -290px;}
header nav#Gnav li.g07:hover { background-position:-252px -352px;}

.oldie header nav#Gnav li.g01:hover { background-position:-252px 13px; }
.oldie header nav#Gnav li.g02:hover { background-position:-252px -48px;}
.oldie header nav#Gnav li.g03:hover { background-position:-252px -110px;}
.oldie header nav#Gnav li.g04:hover { background-position:-252px -170px;}
.oldie header nav#Gnav li.g05:hover { background-position:-252px -229px;}
.oldie header nav#Gnav li.g06:hover { background-position:-252px -290px;}
.oldie header nav#Gnav li.g07:hover { background-position:-252px -352px;}

header nav#Gnav li ul {
	background:#FFF;
border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-top:1px solid #DDDDDD;
width:320px;
min-height:1em;
height:auto;
clear:both;
padding:12px;
text-indent:0px;
position:absolute; top:-1px; left:263px;
z-index: 100;
display:none;
}

.oldie header nav#Gnav li ul{ padding-bottom:0;}
header nav#Gnav li.hover ul{ display:inline-block; /display:block !important; width:320px; height:auto;}
header nav#Gnav li ul li{
	background: url(/_resource/images/common/ico_004_2.gif) left 0.1em no-repeat #FFF;
	background-size:13px auto;
	padding-left:20px; padding-bottom:12px; margin-bottom:12px;
	border-bottom:1px dotted #999999;  text-indent:0px; text-align:left;
 min-height:	1em;
	height:auto;
	width:auto;}
header nav#Gnav .gnSubCap {
	background-image: none !important;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 0px;
}
	header nav#Gnav li ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.oldie header nav#Gnav li ul li{
	background: url(/_resource/images/common/ico_004.gif) left 0.1em no-repeat !important; height:auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

header nav#Gnav li ul li a:link,
header nav#Gnav li ul li a:visited,
header nav#Gnav li ul li a:hover,
header nav#Gnav li ul li a:active
{ color:#000; display:block; width:100%; height:100%;}

header .fontType{ width:220px; margin:0 auto 5px; line-height:0; }
header .fontType li{ margin-bottom:10px; float:left; margin-left:5px; width:45px; height:24px; cursor:pointer;}
header .fontType li.ttl { margin-right:-5px; margin-left:0; width:73px; cursor: default;}
header .fontType li.ttl img{ width:73px;}

header .fontType li{ background:url(/_resource/images/common/sideL_bg_001.gif) left top no-repeat; background-size:145px auto;}
.oldie header .fontType li{ background:url(/_resource/images/common/sideL_bg_001_ie.gif) left top no-repeat;}
header .fontType li.small{ background-position: left top;}
header .fontType li.medium{ background-position: -50px top;}
header .fontType li.large{ background-position: -100px top;}
header .fontType li.on img{ display:none;}

header p.english{ width:220px; margin:0 auto 20px;}

header .sideBnr{ width:220px; margin:0 auto;}
header .sideBnr li{ margin-bottom:10px; list-style:none;}
header .sideBnr li.text{ text-align:left;}
header .sideBnr li.text a{ font-size:12px; color:#000; text-align:left;}

/* =========================================================
◆Main
========================================================= */
#Main{
/*max-width:940px;*/ padding-left:263px;
}
#Cont { /*margin:0 4.255319148%;*/ padding: 0px 4.25532%; max-width:860px; margin:0 auto;}
.oldie #Cont {  padding: 0px 4.25532%; width:860px !important; margin:0 auto;}

/* パンくず */
.topicPath:before, .topicPath:after { content: ""; display: table; }
.topicPath:after { clear: both; }
.topicPath { zoom: 1; }

.topicPath{ background:#EEEEEE; padding:10px 4.255319148%; color:#666666; font-size:85.7%; line-height:1;}
/*.oldie .topicPath { width:860px;}*/
.topicPath li { float:left; margin-right:5px;}
.topicPath li.home{ background:url(/_resource/images/common/ico_topicParhIco_001.gif) left center no-repeat; padding-left:14px;}
.topicPath li a { color:#000; text-decoration:underline;}
.topicPath li a:hover{ text-decoration:none;}

#Main{ margin-bottom:75px;}

area{ outline:none !important; border:none !important;}

/* =========================================================
◆pageTop
========================================================= */
#Cont .pageTop { }
footer .pageTop { text-align: right; border-bottom:1px solid #DDDDDD; padding-right:40px; position:relative;}
footer .pageTop span{ position:absolute; top:-31px; right:40px; width:134px;}
footer .pageTop img{ width:134px; border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}

/* =========================================================
◆Foot
========================================================= */
footer{
/*max-width:940px;*/ padding-left:263px;
}

footer a:link,
footer a:visited,
footer a:hover,
footer a:active{ color:#000;}

footer ul#footTop{  padding:12px 40px; }
footer ul#footTop.active{ border-bottom:1px solid #DDD;}
footer ul#footTop li{ background:url(/_resource/images/common/line_001.gif) right top repeat-y; background-size:1px auto; float:left; padding:0 10px;}
.oldie footer ul#footTop li{ background:none; border-right:1px dotted #DDD;}

footer ul#footTop li a{ background:url(/_resource/images/common/ico_001.gif) left center no-repeat; background-size:4px auto; padding-left:10px;}
.oldie footer ul#footTop li a{background:url(/_resource/images/common/ico_001_2.gif) left center no-repeat;}

footer ul#footTop li#acBtn{ background:url(/_resource/images/common/btn_open_new.gif) left top no-repeat; background-size:60px 34px;
width:60px; height:17px; float:right; padding:0;}
.oldie footer ul#footTop li#acBtn{background:url(/_resource/images/common/btn_open_001_2.gif) right top no-repeat; border:none;}

footer ul#footTop li#acBtn.active{ background-position:left bottom;}
.oldie footer ul#footTop li#acBt{ border:none;}

footer #footBtm{ padding:0 0px 0 30px ; margin:30px 0; min-height:150px;}
footer #footBtm dl{ float:left; width:23.488372093%; background:url(/_resource/images/common/line_001.gif) right top repeat-y; background-size:1px auto;
padding-left:20px; padding-right:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
footer #footBtm dl.last{ background:none;}
.ie8 footer #footBtm dl{background:none; border-right:1px dotted #CCC; padding-right:10px;}
.ie7 footer #footBtm dl{ background:none; border-right:1px dotted #CCC; width:21.488372093%; padding-right:10px;}
.oldie footer #footBtm dl.last{ border-right:none; padding-right:0;}

footer #footBtm dl dt{ color:#BF003F; margin-bottom:10px;}
footer #footBtm dl dd{ font-size:88%; background:url(/_resource/images/common/ico_002.gif) left 0.2em no-repeat; background-size:3px auto; padding-left:10px; margin-bottom:10px;}
.oldie footer #footBtm dl dd{background:url(/_resource/images/common/ico_002_2.gif) left 0.2em no-repeat;}

footer #copyriight{ border-top:2px solid #A01036; padding:18px 40px 0; line-height:0;}
footer #copyriight #copy{ width:248px; padding-top:7px;}
footer #copyriight .right{ float:right; width:248px; text-align:right;}
footer #copyriight #english img{ width:145px;}
footer #copyriight #footlogo{width:154px; float:left;}
/* =========================================================
◆CLEARFIX
========================================================= */
footer #footBtm:after,
footer #copyriight:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
footer #footBtm,
footer #copyriight { min-height: 1px; }
* html footer #footBtm,
* html footer #copyriight { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }