@charset "utf-8";

/*----------------------------------------
* last update 2016-01-10
* Search key "++n"
* COPYRIGHT(C) Office Chere.ALL RIGHTS RESERVED.
* powerd by studio CLOVER
*
* +0 reset parts
* +1 header parts
* +2 navigation
* +3 footer parts
* +4 common parts
* +5 entrance parts

* +000 other parts

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


/*----------------------------------------
++0 reset parts
----------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, 
p, blockquote, q, pre,
table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, 
form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, 
code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area,
menu, hr, address, small, strong, i, b,
article, aside, figure, footer, header,
hgroup, nav, section, figcaption, time,
video,audio, mark, ruby, rt, rp, bdo, source,
canvas, details, summary, command,
datalist, keygen, output, progress, meter{
 margin:0;
 padding:0;
}
address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary{
 display:block;
}
table{
 border-collapse:collapse;
 border-spacing:0;
}
ul,ol{
 list-style:none;
}
fieldset,img{
 border:0;
}

/* default style */

body{
 background-image:url(../common/index_bg01.jpg),url(../common/index_bg02.jpg),url(../common/index_bg03.jpg),url(../common/main_bg.jpg);
 background-repeat:no-repeat,no-repeat,no-repeat,repeat;
 background-position:50% 60px,50% 540px,50% 1020px,center top;
 color:#333;
 font-size:62.5%;
 font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
 line-height:1.6;
}

a{text-decoration:underline;color:#E9538E;}
a:hover{text-decoration:none}
a img{border:none;}

#container{
 position:relative;
 width:1114px;
 overflow:hidden;
 margin:0 auto;
 font-size:1.4em;
}

.cornerRadius{
 border-radius:20px 20px 0 0;
 -webkit-border-radius:20px 20px 0 0;
 -moz-border-radius:20px 20px 0 0;
}

/*----------------------------------------
++1 header parts
----------------------------------------*/ 
h1{
 width:100%;
 height:60px;
 background:#FF99A5;
 color:#fff;
 font-size:1.3em;
 line-height:4.0;
 color:#fff;
 text-align:center;
 text-shadow:1px 1px 2px #F33361;
}
h2{
 width:500px;
 height:260px;
 margin:231px auto 57px;
}

/*----------------------------------------
++2 navigation parts
----------------------------------------*/
#entranceNavi{
 width:808px;
 height:314px;
 margin:0 auto 60px;
}
#entranceNavi li{
 float:left;
 display:inline;
 width:330px;
 height:314px;
}
#entranceNavi li:first-child{
 margin:0 148px 0 0;
}

/*----------------------------------------
++3 footer parts
----------------------------------------*/ 

#footer{
 clear:both;
 width:100%;
 height:800px;
 background-image:url(../common/footer_bgtop.png),url(../common/footer_bg.png);
 background-position:center top,center bottom;
 background-repeat:repeat-x,repeat-x;
 font-size:1.3em;
}
#footerContents{
 width:1114px;
 height:800px;
 overflow:hidden;
 background-image:url(/common/footer_chere.png), url(../../common/footer_bg01.png),url(../common/footer_inner_bg.png);
 background-position:0 714px,720px 650px,center top;
 background-repeat:no-repeat,no-repeat,repeat-x;
 margin:0 auto;
}

#footerC01{
 float:left;
 display:inline;
 width:480px;
 height:452px;
 background-image:url(../common/footer_contents01.png),url(../common/footer_contents02.png),url(../common/footer_logo.png);
 background-repeat:no-repeat,no-repeat,no-repeat;
 background-position:20px 0px,20px 230px,bottom left;
 margin:40px 0 78px 185px;
 letter-spacing:0.1em;
}
#footerC02{
 float:right;
 display:inline;
 width:400px;
 height:452px;
 margin:40px 0 78px 0;
 background:url(../common/footer_contact.png) no-repeat;
}

#footerContents h3,
#footerC02 h4{
 text-indent:-9999px;
 height:0;
 overflow:hidden;
}
#footerC02 dl{
 position:relative;
 width:408px;
 height:452px;
 text-indent:-9999px;
}

#footerC02 p{
 width:400px;
 height:34px;
 padding:248px 0 0 0;
 text-indent:0;
}

#footerC01 .footerList{
 width:385px;
 overflow:hidden;
 margin:0 0 30px 100px;
}
#footerC01 .footerList li{
 float:left;
 display:inline;
 width:170px;
 height:44px;
 background:url(../common/footer_icon.png) no-repeat;
 text-indent:24px;
 line-height:1.4;
 margin:0 20px 5px 0;
}
#footerC01 .footerList li a{
 display:block;
 width:170px;
 height:44px;
 color:#fff;
 text-decoration:none;
}
#footerC01 .footerList li a:hover{
 color:#685A2B;
}

#footerList02{
 margin:0 0 8px 264px;
}
#footerList02 li{
 display:inline;
}
#footerList02 li a{
 color:#333;
 text-decoration:none;
}
#footerList02 li a:hover{
 color:#FF5B8C;
}

#footerShop{
 clear:both;
 width:780px;
 height:100px;
 margin:0 0 54px 310px;
}
#footerShop li{
 float:left;
 display:inline;
 width:260px;
 height:100px;
 text-align:center;
}
#footerShop li img{
 margin:0 0 1px;
}
#footerShop li a{
 color:#666;
 text-decoration:none;
}
#footerShop li a:hover{
 text-decoration:underline;
}

#footerContents p#address{
 text-align:right;
 text-shadow:1px 1px 0px #fff;
}

#pagetop{
 display:none;
 position:relative;
 width:100%;
 height:0;
 margin:0 auto;
}
#pagetop a{
 position:fixed;
 bottom:0px;
 right:0;
 display:block;
 width:100px;
 hegiht:100px;
 cursor:pointer;
 z-index:90;
}


/*----------------------------------------
++4 common parts
----------------------------------------*/ 
.contents_txt{
 margin:10px 10px 20px;
}
.contents_txt02{
 margin:10px 30px 20px;
}
.contents_txt03{
 margin:10px 50px 20px;
}

/* text */
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.block{display:block;}
.clear{clear:both;}

.f11{font-size:0.9em;}
.f12{font-size:1.0em;}
.f14{font-size:1.1em;}
.f15{font-size:1.2em;}
.f16{font-size:1.4em;}

.p5{padding:5px;}
.p10{padding:10px;}
.p30{padding:30px;}
.pb10{padding:0 0 10px;}
.pb20{padding:0 0 20px;}
.pb30{padding:0 0 30px;}
.pb40{padding:0 0 40px;}
.pt5{padding:5px 0 0;}
.pt10{padding:10px 0 0;}
.ptb10{padding:10px 0;}
.pt10b20{padding:10px 0 20px;}

.pw5b0{padding:0 30px;}
.pw5b20{padding:5px 20px;}
.pw10b0{padding:10px 10px 0;}
.pw10b10{padding:10px 10px;}
.pw10b20{padding:0 10px 20px;}
.pw15t5b0{padding:5px 15px 0;}
.pw15t5b10{padding:5px 15px 10px;}
.pw15t5b20{padding:5px 15px 20px;}
.pw15b5{padding:5px 15px;}
.pw15b10{padding:10px 15px;}
.pw20t5b0{padding:5px 20px 0;}
.pw20t5b20{padding:5px 20px 20px;}
.pw20b10{padding:10px 20px;}
.pw20b20{padding:20px;}
.pw20b10{padding:0 20px 10px;}
.pw20b20{padding:0 20px 20px;}
.pw20b0{padding:0 20px;}
.pw30b0{padding:0 30px;}
.pw30b5{padding:5px 30px;}
.pw30b10_a{padding:0 30px 10px;}
.pw30b10{padding:10px 30px;}
.pw35b10{padding:10px 35px;}
.pw35t10b20{padding:10px 35px 20px;}
.pw30b20{padding:20px 30px;}
.pw30b30t10{padding:10px 30px 30px;}
.pw30b30t20{padding:20px 30px 30px;}
.pw30b20_a{padding:0 30px 20px;}
.pw30b30{padding:30px;}
.pw30b30_a{padding:0 30px 30px;}

.m20{margin:20px;}
.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}
.mb3{margin:0 0 3px;}
.mb5{margin:0 0 5px;}
.mb10{margin:0 0 10px;}
.mb20{margin:0 0 20px;}
.mb30{margin:0 0 30px;}
.mb40{margin:0 0 40px;}
.mb50{margin:0 0 50px;}
.mw10{margin:10px 20px 10px;}
.m_auto{margin:0 auto 10px;}
.normal{
 font-weight:normal;
 letter-spacing:0;
}

.txt_mainc{color:#843E52;}
.txt_red{color:#c00;}
.txt_blue{color:#39C;}
.txt_pink{color:#F20089;}

/* photo */

.fr_l{
 float:left;
 margin:5px 15px 10px 20px;
}
.fr_r{
 float:right;
 margin:0 0 10px 8px;
}


.spagetop{
 clear:both;
 font-size:0.9em;
 text-align:right;
 padding:0 10px 40px 0;
 letter-spacing:0;
}
.spagetop a{
 text-decoration:none;
}
.spagetop a:hover{
 text-decoration:underline;
}

/*----------------------------------------
++5 entrance parts
----------------------------------------*/ 
#index_message{
 width:1000px;
 height:468px;
 background-image:url(../common/message_bg.jpg), url(../common/message_bg01.png);
 background-repeat:no-repeat,no-repeat;
 background-position:center top,center bottom;
 margin:0 auto 30px;
}
#index_message h3{
 width:1000px;
 height:100px;
 text-indent:-9999px;
}
#index_message p{
 font-size:1.6em;
 line-height:1.8;
 text-align:center;
 margin:0 0 30px;
}
#index_message h4{
 width:444px;
 height:23px;
 background:url(../common/message_end.png) no-repeat;
 margin:0 auto;
 text-indent:-9999px;
}

#enterShop{
 width:100%;
 height:260px;
 margin:0 0 50px;
}
#enterShop li{
 float:left;
 display:inline;
 width:50%;
 height:260px;
 background:#FF5F9E;
 text-align:center;
}
#enterShop li:first-child{
 background:#C1A84C;
}
#enterShop li a{
 display:block;
 width:50%;
 height:260px;
 display:table-cell;
 vertical-align:middle;
 text-decoration:none;
}

#mobileWeb{
 width:400px;
 height:380px;
 background-image:url(../common/smartPhone.png),url(../common/mobile_icon.png);
 background-repeat:no-repeat,no-repeat;
 background-position:center top,center bottom;
 margin:0 auto 60px;
}
#mobileWeb h4{
 width:400px;
 height:80px;
 text-indent:-9999px;
}
#mobileWeb p{
 text-align:center;
}

 
table.indexLinks01{
 width:900px;
 margin:0 auto 10px;
}
table.indexLinks01 td{
 width:100px;
 text-align:center;
 padding:3px 0;
}
table.indexLinks02{
 width:880px;
 margin:0 auto 10px;
}
table.indexLinks02 td{
 width:220px;
 text-align:center;
 padding:3px 0;
}
table.indexLinks03{
 width:950px;
 margin:0 auto 30px;
}
table.indexLinks03 td{
 width:475px;
 text-align:center;
 padding:3px 0;
}


/*----------------------------------------
++000 other  parts
----------------------------------------*/ 
.cle{
 clear:both;
}

.none{
 text-indent:-9999px;
 height:0;
 overflow:hidden;
}