/*------------------------------------------------------------

RESET STYLES

------------------------------------------------------------*/
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; font-weight:normal;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
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}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


/*------------------------------------------------------------

FLAMEWORK STYLES

------------------------------------------------------------*/
/* basic setting
-------------------------------------------*/
body{
font-size:14px;
color:#666;
font-family:"Hiragino Kaku Gothic Pro", sans-serif;
background:#91bce5;
}

a{
text-decoration:none;
color:#4493d0;
}

#mainContentsArea img,
#mainContentsArea input[type="image"],
header img,
header input[type="image"],
footer img,
footer input[type="image"]{
vertical-align:bottom;
zoom:0.5;
width:100%;
}

#mainContentsArea{
line-height:1.6;
background:#fff;
padding-bottom:1px;
}



/* header
-------------------------------------------*/
header{
padding:0 3%;
background:#fff;
}
.headerLogo{
width:25%;
float:left;
margin:4px 0 8px 0;
}
.headerBtn01{
width:42%;
float:right;
margin:10px 0 0 2%;
}
.headerBtn02{
width:22%;
float:right;
margin-top:10px;
}


/* footer
-------------------------------------------*/
footer{
padding:10px 0;
background:#91bce5;
font-size:12px;
text-align:center;
color:#fff;
}
footer ul{
display:inline-block;
}
footer ul li{
display:inline-block;
padding:0 6px;
font-size:8px;
border-left:1px solid #fff;
list-style-type:none;
}
footer ul li:first-child{
border-left:none;
}
footer ul li a{
color:#fff;
}
#copyright{
margin-top:5px;
font-size:7px;
}

#footerScript{
height:0;
}

/* global navigation
-------------------------------------------*/
#glovalNav{
margin-bottom:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:left bottom;
background-size:3px 1px;
}
#glovalNav h2{
font-size:10px;
padding:4px 10px;
color:#fff;
background:#84bae4;
}
#glovalNav li ul{
display:none;
}
#glovalNav li ul{
display:none;
}
#glovalNav li > a{
display:block;
font-size:14px;
padding:16px 10px;
color:#4493d0;
font-size:16px;
text-decoration:none;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c1d7e7), color-stop(0.98, #dbeffe), color-stop(0.02, #f0f8ff), color-stop(0.00, #e8f4fe));
background-image:-webkit-linear-gradient(top, #e8f4fe 0%, #f0f8ff 2%, #dbeffe 98%, #c1d7e7 100%);
background-image:linear-gradient(to bottom, #e8f4fe 0%, #f0f8ff 2%, #dbeffe 98%, #c1d7e7 100%);
background-repeat:no-repeat;
background-position:top left;
}
#glovalNav li > a span{
display:block;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_08.png);
background-repeat:no-repeat;
background-position:right center;
background-size:30px 20px;
}
#glovalNav li.single a span{
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_05.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 13px;
}
#glovalNav li ul li a{
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif),url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_05.png);
background-repeat: repeat-x, no-repeat;
background-position:left top,right center;
background-size:3px 1px, 22px 13px;
}
#glovalNav li ul li a.current{
color:#999999;
background-color:#fffbea;
}
#glovalNav li ul li:first-child a{
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_05.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 13px;
}

ul .searchbox{
	background:#e9f3fd;
	text-align:center;
	padding:3%;
}

ul .searchbox .searchttl{
	color:#68a8d9;
	font-size:1.2em;
}

ul .searchbox .boxbg{
	background:#FFFFFF;
	padding:4%;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	text-align:left;
	margin-top:2%;
}

ul .searchbox .boxbg table{
	border:none;
	border-collapse:collapse;
}

ul .searchbox .boxbg .td01{
	width:78%;
	padding-right:2%;
	vertical-align:top;
}

ul .searchbox .boxbg .td02{
	width:8%;
	vertical-align:top;
}

ul .searchbox .boxbg input[type="text"]{
	border:1px solid #68a8d9;
	width:96%;
	padding:2%;
}

/* Top Page Global Nav */
#glovalNav.top li > a{
color:#fff;
font-size:16px;
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #54a0db), color-stop(0.00, #84bae4));
background-image:-webkit-linear-gradient(#84bae4, #54a0db);
background-image:linear-gradient(#84bae4, #54a0db);
background-repeat:no-repeat;
background-position:top left;
}
#glovalNav.top li > a span{
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_08.png);
background-repeat:no-repeat;
background-position:right center;
background-size:30px 20px;
}
#glovalNav.top li.single a span{
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_04.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 12px;
}
#glovalNav.top li ul li a{
color:#4493d0;
font-size:15px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif),url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_05.png);
background-repeat: repeat-x, no-repeat;
background-position:left top,right center;
background-size:3px 1px, 22px 13px;
}
#glovalNav.top li ul li:first-child a{
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_05.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 13px;
}





/*------------------------------------------------------------

MODULE PARTS

------------------------------------------------------------*/
/* Contents Boxes
-------------------------------------------*/
/* sectionBox */
#mainContentsArea .sectionBox{
margin:10px 10px 20px;
}

#mainContentsArea .sectionBox p{
margin-bottom:10px;
}

#mainContentsArea .sectionBox p.txt{
margin-bottom:20px;
}

/* accordionArea */
#mainContentsArea .accordionArea .accordion-inner{
display:none;
}

/* colbox-type01 */
#mainContentsArea .colBox-type01 .colTxtR120{
padding-right:130px;
}
#mainContentsArea .colBox-type01 .colimgR120{
float:right;
width:120px;
}

/* borderBox01 */
#mainContentsArea .borderBox01{
margin-bottom:15px;
padding-top:17px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:left top;
background-size:3px 1px;
}
#mainContentsArea .sectionBox .borderBox01:first-child{
background:none;
padding-top:0;
}

/* borderBox02 */
#mainContentsArea .borderBox02{
padding:10px 10px 0;
border:2px solid #e1edf9;
}
#mainContentsArea .borderBox02 h3{
color:#ff8aa9;
}
#mainContentsArea .borderBox02 p{
margin-bottom:5px;
}


/* stepBox01 */
#mainContentsArea .stepBox01{
padding:10px 0 20px 20px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_stepbox_01.png),url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_stepbox_02.png);
background-repeat: no-repeat,repeat-x;
background-position:center bottom,bottom left;
background-size:12px 10px,5px 10px;
}
#mainContentsArea .stepBox01 .icon-head02{
margin-left:-20px;
}
#mainContentsArea .sectionBox .stepBox01:nth-last-of-type(1){
background:none;
padding-bottom:0;
}

/* tablebox-type01 */
#mainContentsArea .tablebox-type01{
display:table;
width:100%;
margin-bottom:20px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:top left;
background-size:3px 1px;
}
#mainContentsArea .tablebox-type01 .tablebox-row{
display:table-row;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:bottom left;
background-size:3px 1px;
}
#mainContentsArea .tablebox-type01 .tablebox-row p{
display:table-cell;
padding:10px 0;
}
#mainContentsArea .tablebox-type01 .tablebox-row p:first-child{
width:90px;
}

#mainContentsArea .tablebox-type01.topNoborder {
background:none;
}
#mainContentsArea .tablebox-type01.topNoborder .tablebox-row:first-child p:first-child,
#mainContentsArea .tablebox-type01.topNoborder .tablebox-row:first-child p:first-child + p{
padding-top:0;
}



/* text setting
-------------------------------------------*/
#mainContentsArea .pinkTxt{
color:#f995af;
}
#mainContentsArea .blueTxt{
color:#4492d0;
}

/* headding
-------------------------------------------*/
/* head-type01 */
#mainContentsArea .head-type01{
margin-bottom:10px;
padding:15px 10px;
color:#4492d0;
font-size:20px;
border-top:2px solid #84bae4;
background:#eff8ff;
}
#mainContentsArea .head-type01 + .head-type02,
#mainContentsArea .head-type01 + .headerBox01{
margin-top:20px;
}


/* head-type02 */
#mainContentsArea .head-type02{
padding:15px 30px 15px 27px;
background:#84bae4;
color:#fff;
font-size:16px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_02.png);
background-repeat: no-repeat;
background-position:center left;
background-size:22px 12px;
line-height:1;
}

#mainContentsArea .head-type02-link{
background:#84bae4;
font-size:16px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_02.png);
background-repeat: no-repeat;
background-position:center left;
background-size:22px 12px;
line-height:1;
}
#mainContentsArea .head-type02-link a{
display:block;
padding:15px 30px 15px 27px;
color:#fff;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_04.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 13px;
}

#mainContentsArea .accordionArea .head-type02{
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_02.png),url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_06.png);
background-repeat: no-repeat,no-repeat;
background-position:center left,center right;
background-size:22px 12px,30px 19px;
border-bottom:1px solid #fff;
line-height:1;
}
#mainContentsArea .accordionArea .head-type02 .cpIcon{
display:inline-block;
margin-left:5px;
padding:3px 5px;
color:#4493d0;
font-size:12px;
background:#f7ed00;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
vertical-align:top;
}

/* head-type03 */
#mainContentsArea .head-type03{
margin:20px 0 10px;
font-size:14px;
line-height:1.3;
color:#4493d0;
}
#mainContentsArea .sectionBox :first-child.head-type03{
margin-top:0;
}

/* head-type04 */
#mainContentsArea .head-type04{
padding:10px;
font-size:16px;
background:#84bae4;
color:#fff;
line-height:1.3;
}
#mainContentsArea .head-type04 img:first-child{
width:auto;
display:inline-block;
vertical-align:middle;
}
#mainContentsArea .head-type04 span{
width:70%;
display:inline-block;
vertical-align:middle;
margin:0 0 0 5px;
}
#mainContentsArea .head-type04 span img:first-child{
width:auto;
display:block;
}
#mainContentsArea .head-type04 span span{
display:table-cell;
height:46px;
}
#mainContentsArea .accordionArea .head-type04{
padding-right:30px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_06.png);
background-repeat:no-repeat;
background-position:center right;
background-size:30px 19px;
border-bottom:1px solid #fff;
}

/* head-type05 */
#mainContentsArea .head-type05{
padding: 0 1%;
text-align: center;
}
/* head-type06 */
#mainContentsArea .head-type06{
margin-bottom:10px;
padding:15px 10px;
color:#4492d0;
font-size:19px;
border-top:2px solid #84bae4;
background:#eff8ff;
line-height: 20px;
}
#mainContentsArea .head-type01 + .head-type02,
#mainContentsArea .head-type01 + .headerBox01{
margin-top:20px;
}

/* head-image01 */
#mainContentsArea .head-image01{
margin:20px 0 10px;
}

/* headerBox01 */
#mainContentsArea .headerBox01{
margin:40px 10px 10px;
padding-bottom:5px;
border-bottom:1px solid #84bae4;
}
#mainContentsArea .headerBox01:first-child{
margin:0 10px 10px;
}
#mainContentsArea .headerBox01 h2{
font-size:18px;
color:#4493d0;
}
#mainContentsArea .headerBox01 a{
display:block;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_05.png);
background-repeat:no-repeat;
background-position:center right;
background-size:22px 13px;
}
#mainContentsArea .headerBox01 .dateTxt{
color:#666666;
}

#mainContentsArea .headerBox01 span.openIcon{
background:#a1c9e7;
}
#mainContentsArea .headerBox01 span.openPlanIcon{
background:#cdc7b3;
}


/* Page top Button
-------------------------------------------*/
#mainContentsArea .pagetopLink{
margin:25px 10px 10px 0;
font-size:10px;
text-align:right;
line-height:1;
}
#mainContentsArea .pagetopLink a{
padding-right:15px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_01.png);
background-repeat:no-repeat;
background-position:right top;
background-size:10px 10px;
}


/* table
-------------------------------------------*/
#mainContentsArea .table-type01,
#mainContentsArea .table-type01 th,
#mainContentsArea .table-type01 td{
border-collapse:collapse;
text-align:center;
vertical-align:middle;
font-size:12px;
}
#mainContentsArea .table-type01{
width:100%;
margin-bottom:15px;
border:1px solid #e3e0d6;
}
#mainContentsArea .table-type01 th{
background:#f8f5ef;
padding:10px;
border-right:1px solid #e3e0d6;
}
#mainContentsArea .table-type01 td{
padding:10px;
border-bottom:1px dashed #d4d4d4;
border-right:1px solid #e3e0d6;
}


/* menu - link
-------------------------------------------*/
#mainContentsArea ul.menu-type01 li{
list-style-type:none;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:bottom left;
background-size:3px 1px;
}
#mainContentsArea ul.menu-type01 li a{
display:block;
padding:10px 20px 10px 10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_05.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 13px;
}
/*menu-type01.thumb-type01*/
#mainContentsArea ul.menu-type01.thumb-type01 li p{
display:inline-block;
font-size:15px;
margin-right:10px;
vertical-align:middle;
}
#mainContentsArea ul.menu-type01.thumb-type01 li p:nth-last-of-type(1){
width:64%;
}
#mainContentsArea ul.menu-type01.thumb-type01 li img{
width:auto;
}
#mainContentsArea ul.menu-type01.thumb-type01 li span{
display:block;
font-size:12px;
color:#998f50;
}

/*menu-type02*/
#mainContentsArea ul.menu-type02{
margin-bottom:20px;
}
#mainContentsArea ul.menu-type02 li{
list-style-type:none;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:bottom left;
background-size:3px 1px;
}
#mainContentsArea ul.menu-type02 li a{
display:block;
padding:10px 30px 10px 10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_05.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 13px;
}
#mainContentsArea ul.menu-type02 li a .headTxt{
font-size:15px;
}
#mainContentsArea ul.menu-type02 li a .normaltxt{
color:#666666;
}

/*menu-type03*/
#mainContentsArea ul.menu-type03{
margin: 5px 0;
}
#mainContentsArea ul.menu-type03 li{
float:left;
width:48%;
padding:0 1%;
}


/*linkBox01----------*/
#mainContentsArea .linkBox01{
padding:0 15px 7px;
background:#f1f8fe;
}
#mainContentsArea .linkBox01 dt{
padding:12px 0 7px;
}
#mainContentsArea .linkBox01 dd{
border-top:1px solid #dfeef9;
}
#mainContentsArea .linkBox01 dd a{
display:block;
padding:7px 12px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_03.png);
background-repeat:no-repeat;
background-position:left center;
background-size:5px 8px;
}
#mainContentsArea .linkBox01 dd a span{
color:#777777;
}

/*rightLink----------*/
#mainContentsArea .rightLink{
line-height:1;
text-align:right;
}
#mainContentsArea .rightLink a{
padding-left:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_03.png);
background-repeat:no-repeat;
background-position:left 0.25em;
background-size:5px 8px;
}


/*backLink----------*/
#mainContentsArea .backLink a{
line-height:1;
padding-left:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_13.png);
background-repeat:no-repeat;
background-position:left 0.25em;
background-size:5px 8px;
}

/*linkList----------*/
#mainContentsArea .linkList{
list-style-type:none;
margin-bottom:15px;
}
#mainContentsArea .linkList a,
#mainContentsArea .linkTxt a{
line-height:1;
padding-left:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_03.png);
background-repeat:no-repeat;
background-position:left 0.25em;
background-size:5px 8px;
}

/* icon
-------------------------------------------*/
#mainContentsArea .icon-head01 span{
display:inline-block;
padding-right:10px;
vertical-align:middle;
}
#mainContentsArea .icon-head01 img{
width:auto;
}

#mainContentsArea .icon-head02{
text-indent:-20px;
padding-left:20px
}
#mainContentsArea .icon-head02 img{
width:auto;
padding-right:10px;
vertical-align:text-top;
}

/*openIcon*/
#mainContentsArea .openPlanIcon,
#mainContentsArea .openIcon{
display:inline-block;
min-width:62px;
margin:0 0.5em;
padding:3px 3px 3px;
font-size:10px;
color:#fff;
line-height:1;
background:#a1c9e7;
text-align:center;
vertical-align:text-top;
}
#mainContentsArea .openIcon{
background:#a1c9e7;
}
#mainContentsArea .openPlanIcon{
background:#cdc7b3;
}

/* banner Area
-------------------------------------------*/
/* bnrArea01 */
#mainContentsArea .bnrArea01{
margin:20px 10px;
}
#mainContentsArea .bnrArea01 p{
margin-bottom:10px;
}

#mainContentsArea .sectionBox .bnrArea01{
margin:20px 0;
}
#mainContentsArea .pagetopLink + .bnrArea01{
margin:10px 10px 20px;
}

/* bnr-type01 */
#mainContentsArea .bnr-type01{
margin-left:-6px;
}



/* Text
-------------------------------------------*/
#mainContentsArea .noteTxt01{
display:block;
font-size:10px !important;
margin:-5px 0 20px !important;
padding-left:1em;
text-indent:-1em;
}
#mainContentsArea .noteTxt01 + .noteTxt01 {
margin-top:-20px !important;
}

#mainContentsArea .noteTxt02{
display:block;
font-size:10px !important;
padding-left:2.5em !important;
text-indent:-2.6em !important;
line-height:1.2 !important;
}
#mainContentsArea .noteTxt02 + .noteTxt02 {
margin-top:-10px;
}

#mainContentsArea .noteTxt03{
display:block;
padding-left:2em !important;
text-indent:-2em !important;
line-height:1.2 !important;
font-size:12px !important;
}
#mainContentsArea .noteTxt03 + .noteTxt03 {
margin-top:-6px;
}

#mainContentsArea .noteTxt04{
display:block;
padding-left:2.5em !important;
text-indent:-2.7em !important;
line-height:1.2 !important;
font-size:12px !important;
}
#mainContentsArea .noteTxt04 + .noteTxt04{
margin-top:-6px;
}
/* txtList */
#mainContentsArea .txtList{
margin:0 10px 10px 20px;
}

/* Special parts
-------------------------------------------*/
#mainContentsArea .campaignDate{
margin-top:-10px;
padding:4px 0;
color:#fff;
text-align:center;
background:#4493d0;
}







/*------------------------------------------------------------

PAGE STYLES

------------------------------------------------------------*/
/* top PAGE
------------------------------------------------------------*/
#mainContentsArea .topMainTopics{
margin-bottom:10px;
}

/* infoBox */
#mainContentsArea .infoBox{
margin-bottom:15px;
}
#mainContentsArea .infoBox h2{
padding:5px 10px;
background-color:#84bae4;
color:#fff;
line-height:1;
font-size:10px;
}
#mainContentsArea .infoBox ul li{
display:table;
width:100%;
min-height:30px;
font-size:14px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:bottom left;
background-size:3px 1px;
vertical-align:top;
}
#mainContentsArea .infoBox ul li p{
display:table-cell;
padding:8px 0;
}
#mainContentsArea .infoBox ul li p:first-child{
white-space:nowrap;
padding:0 1em 0 10px;
color:#777777;
}
#mainContentsArea .infoBox span.openPlanIcon,
#mainContentsArea .infoBox span.openIcon{
margin:0 0.5em 0 -0.7em;
}
#mainContentsArea .infoBox ul li p:nth-last-of-type(1){
padding-right:10px;
}
#mainContentsArea .infoBox .moreLink{
margin:10px;
font-size:14px;
line-height:1;
text-align:right;
}
#mainContentsArea .infoBox .moreLink a{
padding-left:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_03.png);
background-repeat:no-repeat;
background-position:left 0.25em;
background-size:5px 8px;
}


/* -----------------------------------------------------------
type PAGE
------------------------------------------------------------*/
/* typeMenuBox */
#mainContentsArea .typeMenuBox{
margin-bottom:10px;
}
#mainContentsArea .typeMenuBox .typeMenu-inner01 img{
margin-bottom:0;
}
#mainContentsArea .typeMenuBox .typeMenu-inner01 p{
float:right;
width:48%;
}
#mainContentsArea .typeMenuBox .typeMenu-inner01 p:first-child{
float:left;
}
#mainContentsArea .typeMenuBox .typeMenu-inner02{
padding:15px 0 5px;
background:#f8f5ef;
}
#mainContentsArea .typeMenuBox .typeMenu-inner02 p{
margin:0 15px 15px;
}
#mainContentsArea .typeMenuBox .typeMenu-inner02 .imgBox{
margin:0 5px;
padding:15px 0;
background:#fff;
}
#mainContentsArea .typeMenuBox .typeMenu-inner02 .imgBox p{
margin:0 10px;
}
#mainContentsArea .typeMenuBox .typeMenu-inner02 .imgBox p.typemenuBtn + .typemenuBtn{
margin-top:10px;
}

/* -----------------------------------------------------------
achievements PAGE
------------------------------------------------------------*/
/* numberOfShop */
#mainContentsArea .numberOfShops{
display:table;
margin-bottom:10px;
font-size:12px;
}
#mainContentsArea .numberOfShops .shopsRow{
display:table-row;
}
#mainContentsArea .numberOfShops .shopsRow p{
display:table-cell;
}
#mainContentsArea .numberOfShops .shopsRow p:nth-of-type(odd){
padding:1px 10px 1px 18px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_12.png);
background-repeat:no-repeat;
background-position:left 0.5em;
background-size:12px 12px;
}
#mainContentsArea .numberOfShops .shopsRow p:nth-of-type(2){
padding:1px 10px 1px 18px;
padding-right:50px;
}
#mainContentsArea .numberOfShops .shopsRow p:nth-of-type(even){
text-align:right;
}

/* promiseArea */
#mainContentsArea .promiseArea{
border-left:2px solid #e1edf9;
border-right:2px solid #e1edf9;
border-bottom:2px solid #e1edf9;
}
#mainContentsArea .promiseArea .promiseBox{
padding:15px 15px 10px;
border-top:2px solid #e1edf9;
}
#mainContentsArea .promiseArea .promiseBox h3{
font-size:14px;
margin-bottom:7px;
}
#mainContentsArea .promiseArea .promiseBox p{
float:left;
font-size:12px;
margin-bottom:5px;
}
#mainContentsArea .promiseArea .promiseBox div{
padding-left:60px;
}
#mainContentsArea .promiseArea .promiseBox div p{
float:none;
}
#mainContentsArea .promiseArea p img{
width:auto;
margin:0;
}



/* -----------------------------------------------------------
Cotntact PAGE
------------------------------------------------------------*/
#mainContentsArea .phoneTxt{
font-weight:bold;
font-size:20px;
margin-bottom:0 !important;
}
/* -----------------------------------------------------------
Contact From PAGES
------------------------------------------------------------*/
#mainContentsArea .formArea{
margin:0 10px 10px;
padding-bottom:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:left bottom;
background-size:3px 1px;
}
#mainContentsArea .formArea .stepBox{
margin-bottom:20px;
}
#mainContentsArea .formArea .stepBox p{
margin-bottom:10px;
}
#mainContentsArea .formArea .formBox{
padding-top:1px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:left top;
background-size:3px 1px;
}
#mainContentsArea .formArea .formBox .itemName{
margin:15px 0 8px;
font-size:16px;
}
#mainContentsArea .formArea .formBox .inputBox{
display:table;
width:100%;
margin-bottom:15px;
font-size:14px;
}
#mainContentsArea .formArea .formBox .inputBox p{
display:table-cell;
vertical-align:middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


#mainContentsArea .formArea .formBox .inputBox textarea,
#mainContentsArea .formArea .formBox .inputBox input[type="text"],
#mainContentsArea .formArea .formBox .inputBox input[type="tel"],
#mainContentsArea .formArea .formBox .inputBox input[type="email"]{
width:100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:14px;
}
#mainContentsArea .formArea .formBox .inputBox textarea{
min-height:16em;
}

#mainContentsArea .formArea .formBox .inputBox.name p{
width:38%;
}
#mainContentsArea .formArea .formBox .inputBox.name p:nth-child(odd){
width:10%;
}
#mainContentsArea .formArea .formBox .inputBox.name p:nth-child(3){
width:12%;
padding-left:0.3em;
}

#mainContentsArea .formArea .formBox .inputBox.phone p{
width:30%;
}
#mainContentsArea .formArea .formBox .inputBox.phone p:nth-child(even){
width:5%;
text-align:center;
}

#mainContentsArea .formArea .formBox .inputBox select{
width:60%;
font-size:14px;
}

#mainContentsArea .formArea .formBox .radio-type01{
display:table-cell;
width:30%;
}
#mainContentsArea .formArea .formBox .radio-type01 *{
vertical-align:top;
}
#mainContentsArea .formArea .formBox .radio-type01 li{
margin-bottom:15px;
font-size:14px;
}
#mainContentsArea .formArea .formBox .radio-type01 li:nth-last-of-type(1){
margin-bottom:0;
}

#mainContentsArea .formArea .formBox .radio-type01 + p{
width:70%;
vertical-align:top;
}


#mainContentsArea .from-errorTxt{
margin:0 10px;
font-size:14px;
color:#ff0000;
}


#mainContentsArea .formArea .formBox .inputBox .answerTxt{
display:block;
color:#4492d0;
}
#mainContentsArea .formArea .formBox .inputBox.name p.answerTxt,
#mainContentsArea .formArea .formBox .inputBox.phone p.answerTxt{
width:auto;
}

#mainContentsArea .sslBadge{
display:table;
margin:0 10px;
}
#mainContentsArea .sslBadge p{
display:table-cell;
vertical-align:middle;
}
#mainContentsArea .sslBadge img{
width:auto;
zoom:1;
}
#mainContentsArea .sslBadge .sslLinkTxt{
padding:0 25px;
}
#mainContentsArea .sslBadge .sslLinkTxt a{
line-height:1;
padding-left:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_03.png);
background-repeat:no-repeat;
background-position:left 0.3em;
background-size:5px 8px;
}


#mainContentsArea #completeBox{
padding:30px 15px;
border:2px solid #e1edf9;
text-align:center;
}
#mainContentsArea #completeBox .thanksNoteTxt{
margin-top:10px;
font-size:10px;
}

/* -----------------------------------------------------------
FAQ PAGES
------------------------------------------------------------*/
#mainContentsArea .qalist{
padding-bottom:1px;
margin-bottom:15px;
background-repeat: repeat-x;
background-position:bottom left;
background-size:3px 1px;
}
#mainContentsArea .qalist li{
padding:15px 0 0 20px;
list-style-type:none;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:left top;
background-size:3px 1px;
}

#mainContentsArea .qalist li:first-child{
background:none;
padding:0 0 0 20px;
}
#mainContentsArea .qalist .txt-q{
margin-bottom:10px;
color:#4492d0;
font-size:14px;
text-indent:-17px;
}
#mainContentsArea .qalist .txt-a{
text-indent:-17px;
}
#mainContentsArea .qalist .txt-q img,
#mainContentsArea .qalist .txt-a img{
display:inline-block;
width:auto;
padding-right:5px;
vertical-align:text-top;
}
#mainContentsArea .qaMoreTxt{
padding:15px;
background:#f1f8fe;
color:#4493d0;
text-align:center;
}
#mainContentsArea .qaMoreTxt a{
display:inline-block;
padding-left:12px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_14.png);
background-repeat: no-repeat;
background-position:left center;
background-size:8px 8px;
}
#mainContentsArea .qaMoreTxt a img{
vertical-align:middle;
}

#mainContentsArea .qalist .linkList li,
#mainContentsArea .qalist .linkTxt li{
background:none;
padding:0;
}
#mainContentsArea .qalist .linkList a,
#mainContentsArea .qalist .linkTxt a{
line-height:1;
padding-left:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_03.png);
background-repeat:no-repeat;
background-position:left 0.3em;
background-size:5px 8px;
}


/* -----------------------------------------------------------
Shop PAGES
------------------------------------------------------------*/
#mainContentsArea .gmap{
margin-bottom:20px;
}

#mainContentsArea .gmap img{
zoom:1.0;
}

#mainContentsArea .pager{
text-align:center;
}


/* -----------------------------------------------------------
Sitemap PAGES
------------------------------------------------------------*/
#siteMapArea{
margin:0 10px;
}
#siteMapArea .mapBox{
padding-bottom:15px;
margin-bottom:15px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_line_01.gif);
background-repeat: repeat-x;
background-position:left bottom;
background-size:3px 1px;
}
#siteMapArea .mapBox h2{
font-size:16px;
}
#siteMapArea ul{
margin-left:15px;
background-image:url(/cdn_img/root/media/Images/2013/sp/sitemap/sitemap_bg_02.png),url(/cdn_img/root/media/Images/2013/sp/sitemap/sitemap_bg_01.png);
background-repeat:no-repeat,repeat-y;
background-position:bottom left,top left;
background-size:13px 12px,5px 5px;
}
#siteMapArea ul li{
margin-top:5px;
padding-left:20px;
list-style-type:none;
background-image:url(/cdn_img/root/media/Images/2013/sp/sitemap/sitemap_bg_03.png);
background-repeat:no-repeat;
background-position:2px 0.6em;
background-size:10px 5px;
}
#siteMapArea ul li:nth-last-of-type(1){
background:none;
}
#siteMapArea h2 a,
#siteMapArea ul li a{
line-height:1;
padding-left:10px;
background-image:url(/cdn_img/root/media/Images/2013/sp/common/cmn_bg_icon_03.png);
background-repeat:no-repeat;
background-position:left 0.25em;
background-size:5px 8px;
}
#siteMapArea ul li ul{
margin:0 0 1em 0;
background:none;
}
#siteMapArea ul li li{
padding:0;
margin:0 0 0 30px;
list-style-type:disc;
background:none;
}






/*------------------------------------------------------------

Clear

------------------------------------------------------------*/
.colBox-type01:after,
.promiseArea .promiseBox:after,
.typeMenuBox .typeMenu-inner01:after,
.menu-type01 ul li a:after,
.menu-type03:after,
header:after,
footer ul:after{
content: "."; clear: both; display: block; height: 0px; visibility: hidden;
}

/*------------------------------------------------------------

Add 131025

------------------------------------------------------------*/
#mainContentsArea ul.menu-type01.thumb-type01 li p.TopimgArea {
    width: 26%;
}
#mainContentsArea ul.menu-type01.thumb-type01 li p.TopimgArea img {
    width: 100%;
}

p.backLink {
margin-top:15px;
}

/*------------------------------------------------------------

Add 140228

------------------------------------------------------------*/
/* SalonMapDesign */
a.routeBtn,
a.routeBtn:hover,
a.routeBtn:link,
a.routeBtn:visited {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #1695bb), color-stop(0.00, #1EB4E1));
background: -webkit-linear-gradient(top, #1EB4E1 0%, #1695bb 88%);
background: -moz-linear-gradient(top, #1EB4E1 0%, #1695bb 88%);
background: -o-linear-gradient(top, #1EB4E1 0%, #1695bb 88%);
background: -ms-linear-gradient(top, #1EB4E1 0%, #1695bb 88%);
background: linear-gradient(to bottom, #1EB4E1 0%, #1695bb 88%);
    display: block;
    width: 80%;
    margin:10px  auto;
    color: #FFFFFF;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-decoration: none;
}


ul#map-buttons:after {
	clear: left;
}
ul#map-buttons li {
	display: block;
	width: 50%;
	float: left;
	height: 100%;
}

ul#map-buttons li span {
	height: 30px;
}
ul#map-buttons a.routeBtn,
ul#map-buttons a.mapBtn {
	width: 95%;
}

ul#map-buttons a.routeBtn
ul#map-buttons a.routeBtn:hover,
ul#map-buttons a.routeBtn:link,
ul#map-buttons a.routeBtn:visited {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #1695bb), color-stop(0.00, #1EB4E1));
	background: -webkit-linear-gradient(top, #1EB4E1 0%, #1695bb 88%);
	background: -moz-linear-gradient(top, #1EB4E1 0%, #1695bb 88%);
	background: -o-linear-gradient(top, #1EB4E1 0%, #1695bb 88%);
	background: -ms-linear-gradient(top, #1EB4E1 0%, #1695bb 88%);
	background: linear-gradient(to bottom, #1EB4E1 0%, #1695bb 88%);
	display: block;
    margin:10px  auto;
    color: #FFFFFF;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-decoration: none;
}

ul#map-buttons a.mapBtn,
ul#map-buttons a.mapBtn:hover,
ul#map-buttons a.mapBtn:link,
ul#map-buttons a.mapBtn:visited {
	background:#36BD18;
	background: -webkit-gradient(linear top, left bottom, color-stop(0.88, #36BD18), color-stop(0.00, #76DD1E));
	background: -webkit-linear-gradient(top, #76DD1E 0% #36BD18 88%);
	background: -moz-linear-gradient(top, #76DD1E 0%, #36BD18 88%);
	background: -o-linear-gradient(top, #76DD1E 0%, #36BD18 88%);
	background: -ms-linear-gradient(top, #76DD1E 0%, #36BD18 88%);
	background: linear-gradient(to bottom, #76DD1E 0%, #36BD18 88%);
	display: block;
    margin:10px  auto;
    color: #FFFFFF;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-decoration: none;
}



/*----------------------------------------------
kantan_mapCSS
----------------------------------------------*/

#mainContentsArea .salonmap img {
	width:100%;
	height:auto;
}



/*----------------------------------------------
saloninfo ADD
----------------------------------------------*/
#mainContentsArea .sectionBox .salon_imageArea {
	text-align:center;
}

#mainContentsArea .sectionBox .salon_imageArea img {
	width:45%;
	height: auto;
}

#mainContentsArea .sectionBox p.salon_comment {
	font-size:90%;
}

#mainContentsArea .sectionBox p.salon_comment a{
display:inline;
background-image:none;
font-weight:bold;
}


/* EXPRESS ADD */
.express_ico, .express_text {
    text-align: right;
}
.express_text p.normaltxt {
    color: #3b8bc8 !important;
}
#mainContentsArea .express_ico img {
    width: 40%;
}

.express_navText {
    margin: 5px 1% 10px;
    font-size: 75%;
    text-align: left;
}
.express_navText span.expess {
    display: inline-block;
    background-color: #3B8BC8;
    color: #FEF003;
    font-size: 70%;
    padding: 2px;
}

/* HAPPY_HOUR */
.happyhour_navText {
    margin: 5px 0;
    font-size: 75%;
    text-align: left;
}
#mainContentsArea .happyhour_navText img {
    width: 30%;
}

#mainContentsArea .happyhour_ico asp:ImageButton {
    text-align: right;
}

/*----------------------------------------------
infographic 201510 - underhair
----------------------------------------------*/
#infographic .img_ig {
	margin:20px 0;
}
#infographic .pluginButtonContainer {
	margin:20px 10px;
}
#infographic ul li {
	list-style-type:none;
	background-color:#F8F5EF;
	padding:15px 15px;
	margin:10px 0;
	color:#3F91D2;
	font-size:105%;
}
#infographic ul li span{
	color:#EA6C99;
}
#infographic .btn_cv{
	margin:10px;
}
#infographic #img_staff{
	margin-top:-20px;
	text-align:right;
	padding-right:10px;
}
#infographic #img_staff img{
	width:55%;
}