@charset "utf-8";

/* *****************************************************************************
=01 reset style
=02 option style
=03 common style
=04 layout style
***************************************************************************** */

/*---------- =01 reset style ----------*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body{
    line-height:1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{ 
    display:block;
}
ul,nav ul{
    list-style:none;
}
address{
	font-style:normal;
}
blockquote, q{
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark{
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del{
    text-decoration: line-through;
}
abbr[title], dfn[title]{
    border-bottom:1px dotted;
    cursor:help;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
input, select{
    vertical-align:middle;
}
/*---------- //end reset style ----------*/

/*---------- =02 option style ----------*/
.fLeft{float:left;}
.fRight{float:right;}
.cLeft{clear:left;}
.cRight{clear:right;}
.cBoth{clear:both;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.mbLong{margin-bottom:3em;}
.mbMiddle{margin-bottom:2em;}
.mbShort{margin-bottom:1em;}
.mbNone{margin-bottom:0;}
.mt5{margin-bottom:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr55{margin-right:55px;}
.mr60{margin-right:60px;}
.mb1{margin-bottom:1px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb85{margin-bottom:85px;}
.mb90{margin-bottom:90px;}
.mb95{margin-bottom:95px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}
.f10{font-size:72%;}
.f11{font-size:79%;}
.f12{font-size:86%;}
.f13{font-size:93%;}
.f14{font-size:100%;}
.f15{font-size:108%;}
.f16{font-size:115%;}
.f17{font-size:122%;}
.f18{font-size:129%;}
.f19{font-size:136%;}
.f20{font-size:143%;}
.f21{font-size:150%;}
.f22{font-size:158%;}
.f23{font-size:165%;}
.f24{font-size:172%;}
.f25{font-size:179%;}
.f26{font-size:186%;}
.bold{font-weight:bold;}
.red{color:#c82d04;}
.orange{color:#d8391f;}
.ochre{color:#a68826;}
.marker{background-color:#efd270;}
.cf{zoom:1;}
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
/*---------- //end option style ----------*/

/*---------- =03 common style ----------*/
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-size:14px;
	line-height:1.6;
	color:#000;
	background-color:#fff;
}
a{
	outline:none;
}
a,
a:link,
a:visited{
	color:#000;
	text-decoration:none;
}
a:hover,
a:active{
	color:#000;
	text-decoration:underline;
}
img,a img{
	vertical-align:bottom;
	border:none;
}
.note{
	padding-left:1em;
	text-indent:-1em;
}

/*---------- //end common style ----------*/
/*========================================
base layout
========================================*/
.wrapper{
	background:url(../img/bg1.jpg);
}

/*---------- =04 layout style ----------*/
/*========================================
header layout
========================================*/
.header{
	background:url(../img/header_bg1.jpg) left top repeat-x;
	height:242px;
}
.headerInner{
	background:url(../img/header_bg2.jpg) left top no-repeat;
	width:980px;
	height:238px;
	margin:0 auto;
	padding-top:4px;
}
.headerMain{
	width:980px;
	height:182px;
	position:relative;
}
.logo{
	position:absolute;
	width:249px;
	height:56px;
	top:65px;
	left:365px;
}
.languageList{
	width:56px;
	height:19px;
	background:url(../img/language_bg1.png) 23px top no-repeat;
	position:absolute;
	top:33px;
	right:130px;
	line-height:0;
}
.languageLeft{
	float:left;
}
.languageRight{
	float:right;
}
.snsLink{
	position:absolute;
	top:23px;
	right:0;
	width:106px;
	height:31px;
	line-height:0;
}
.snsFacebook,
.snsTwitter{
	float:left;
}
.snsFacebook{
  margin-right:8px;
}
.snsInstagram{
	float:right;
}
.headerNav{
	position:absolute;
	top:78px;
	right:0;
}
.headerNav li{
	text-align:right;
	margin-bottom:5px;
	padding-right:12px;
	background:url(../img/arrow1.png) right center no-repeat;
}
.nav{
	width:980px;
	height:56px;
	background:url(../img/nav_bg1.png) left top no-repeat;
	overflow:hidden;
}
.nav li{
	float:left;
}

/*========================================
mainImg layout
========================================*/
.mainTitle{
	width:980px;
	margin:0 auto;
	text-align:center;
	padding-top:104px;
}

/*========================================
breadcrumbList layout
========================================*/
.breadcrumbList{
	background-color:#ebe5da;
}
.breadcrumbList ul{
	width:980px;
	margin:0 auto;
	font-size:79%;
	padding:13px 0;
	letter-spacing:-.40em;
}
.breadcrumbList li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	padding-right:15px;
	background:url(../img/arrow1.png) right center no-repeat;
	margin-right:10px;
}
.breadcrumbList li.breadcrumbsLast{
	background:none;
	margin-right:0;
	padding-right:0;
}

/*========================================
contents layout
========================================*/
.contents{
	width:980px;
	margin:0 auto;
	padding:60px 0 100px;
	overflow:hidden;
}
.box{
	width:980px;
	overflow:hidden;
}
.boxLeft{
	width:490px;
	float:left;
}
.boxRight{
	width:490px;
	float:right;
}
.box p{
	margin-bottom:1em;
	line-height:1.8;
}
.commonTitle1{
	background:url(../img/title_bg1.jpg) left top;
	font-size:129%;
	padding:22px 25px;
	border-bottom:1px solid #f6c627;
	margin-bottom:40px;
}
.commonTitle2{
	background:url(../img/title_bg2.png) left bottom no-repeat;
	font-size:115%;
	padding-bottom:20px;
	margin-bottom:20px;
}
.commonTitle3{
	margin-bottom:20px;
}
.commonTitle4{
	background:url(../img/title_bg1.jpg) left top;
	font-size:143%;
	padding:22px 25px;
	border-bottom:1px solid #f6c627;
	margin-bottom:40px;
}
.commonList1 li{
	margin-bottom:15px;
	background:url(../img/icon1.png) left 10px no-repeat;
	padding-left:10px;
}
.commonList2{
	background:url(../img/line1.png) left top repeat-x;
}
.commonList2 li{
	background:url(../img/line1.png) left bottom repeat-x;
	padding:22px 0;
}
.commonList2Inner{
	display:block;
	background:url(../img/icon1.png) left 10px no-repeat;
	padding-left:10px;
}
.commonBt1{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.button{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background-color:#f8dc7e;
	padding:13px 60px;
}
.button::before,
.button::after{
	position: absolute;
	z-index:-1;
	display:block;
	content:'';
}
.button,
.button::before,
.button::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.button:hover,
.button:active{
	color:#000;
	text-decoration:none;
	background-color:#ffce2a;
}
.commonBt1 span{
	background:url(../img/bt_arrow1.png) right center no-repeat;
	padding-right:16px;
}
.backButton{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.backButton a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background-color:#f8dc7e;
	padding:12px 30px;
}
.backButton a::before,
.backButton a::after{
	position: absolute;
	z-index:-1;
	display:block;
	content:'';
}
.backButton a,
.backButton a::before,
.backButton a::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.backButton a:hover,
.backButton a:active{
	color:#000;
	text-decoration:none;
	background-color:#ffce2a;
}
.backButton a span{
	background:url(../img/arrow4.png) left center no-repeat;
	padding-left:18px;
}
.commonTable1{
	width:100%;
}
.commonTable1 th,
.commonTable1 td{
	padding:18px 20px;
	border-top:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
}
.commonTable1 th{
	font-weight:normal;
	width:140px;
	text-align:left;
	border-left:1px solid #c6c6c6;
	background:url(../img/table_line1.png) right top repeat-y;
	font-weight:normal;
}
.commonTable1 td{
	border-right:1px solid #c6c6c6;
}
.commonTable2{
	width:100%;
	border-top:1px dotted #909090;
}
.commonTable2 th,
.commonTable2 td{
	padding:18px 20px;
	border-bottom:1px dotted #909090;
}
.commonTable2 th{
	text-align:left;
	font-weight:normal;
	width:139px;
	background:url(../img/title_bg1.jpg);
	border-right:1px dotted #909090;
}

/*========================================
footer layout
========================================*/
.footer{
	width:980px;
	margin:0 auto;
}
.pageTop{
	padding:30px 0;
	text-align:center;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:50px;
}
.footerMain{
	width:980px;
	overflow:hidden;
	margin-bottom:50px;
}
.footerLeft{
	width:330px;
	float:left;
	margin-right:50px;
	font-size:93%;
	line-height:1.8;
}
.footerLogo{
	margin-bottom:30px;
}
.footerText{
	margin-bottom:25px;
}
.footerInfo{
	width:330px;
}
.footerNavLeft{
	width:275px;
	float:left;
}
.footerNavRight{
	width:275px;
	float:right;
}
.footerNavLeft li,
.footerNavRight li{
	font-size:93%;
	margin-bottom:5px;
}
.footerNavLeft a,
.footerNavRight a{
	padding-left:11px;
	background:url(../img/arrow1.png) left 5px no-repeat;
}
.footerNavLeft li.footerNavUpper span{
	display:block;
	border-bottom:1px solid #4c4c4c;
	padding-bottom:12px;
	margin-bottom:12px;
}
.copyright{
	font-size:79%;
	text-align:center;
	letter-spacing:0.1px;
	color:#717171;
	padding-bottom:50px;
}
.copyright span{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;	
}

/*========================================
english layout
========================================*/
.logoEn{
	position:absolute;
	width:185px;
	height:56px;
	top:65px;
	left:391px;
}
.languageListEn{
	width:56px;
	height:19px;
	background:url(../img/language_bg1.png) 23px top no-repeat;
	position:absolute;
	top:33px;
	right:91px;
	line-height:0;
}
.snsLinkEn{
	position:absolute;
	top:23px;
	right:0;
	width:68px;
	height:31px;
	line-height:0;
}
.snsFacebookEn{
	float:left;
}
.snsInstagramEn{
	float:right;
}
.navEn{
	width:980px;
	height:56px;
	background:url(../english/img/nav_bg1.png) left top no-repeat;
	overflow:hidden;
}
.navEn li{
	float:left;
}
.footerLogoEn{
	margin-bottom:25px;
}
.mailIconEn{
	padding-right:6px;
}
.mailIconEn img{
	vertical-align:middle;
}
.mainTitleEn{
	width:980px;
	margin:0 auto;
	text-align:center;
	padding-top:129px;
}

/*---------- //end layout style ----------*/