@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 + leftColumn parts
* +3 footer parts
* +4 common  parts
* +5 category title  parts
* +6 words  parts
* +8 std parts
* +9 links parts
* +10 sitemap parts
* +13 other 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/main_bg02.png),url(../common/main_bg01.jpg),url(/common/mainbg_top.png),url(/common/main_bg.jpg);
 background-repeat:repeat-x,no-repeat,repeat-x,repeat;
 background-position:0px 350px,0px 110px,center top,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;
}

#mainContents{
 float:right;
 display:inline;
 width:835px;
 overflow:hidden;
 margin:40px 0 0;
 border-radius:30px 20px 0 0 / 50px 20px 0 0;
 -webkit-border-radius:30px 20px 0 0 / 50px 20px 0 0;
 -moz-border-radius:30px 20px 0 0 / 50px 20px 0 0;
}
#contents{
 width:830px;
 overflow:hidden;
 min-height:1000px;
 background:#fff;
 padding:0 0 20px;
 margin:0 0 0 5px;
 overflow:hidden;
}
#indexContents{
 float:right;
 display:inline;
 width:830px;
 min-height:1200px;
 background:#fff;
 overflow:hidden;
 padding:0 0 20px;
 margin:40px 0 0;
 border-radius:20px 20px 0 0;
 -webkit-border-radius:20px 20px 0 0;
 -moz-border-radius:20px 20px 0 0;
}

#leftColumn{
 float:left;
 display:inline;
 overflow:hidden;
 width:232px;
 height:1026px;
 background:url(../common/leftColumn_bg.png) no-repeat;
}

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

/*----------------------------------------
++1 header parts
----------------------------------------*/ 
#header{
 width:100%;
 height:110px;
 z-index:1000;
}
#headerInner{
 position:relative;
 width:1114px;
 height:110px;
 background:url(/common/header_contact.png) no-repeat right top;
 margin:0 auto;
}

#header h1{
 height:35px;
 font-size:0.8em;
 color:#333;
 font-weight:normal;
 padding:25px 484px 22px 239px;
}
#header h2{
 position:absolute;
 top:13px;
 left:14px;
 width:203px;
 height:54px;
}
#headerNavi{
 width:204px;
 height:28px;
 margin:0 0 0 14px;
}
#headerNavi li{
 float:left;
 display:inline;
 width:102px;
 height:28px;
}

#headerInner dl,
#headerInner dt,
#headerInner dd{
 text-indent:-9999px;
 height:0;
 overflow:hidden;
}
#headerInner dd a{
 display:block;
 position:absolute;
 width:175px;
 height:52px;
 top:17px;
 left:939px;
 text-indent:-9999px;
 overflow:inherit;
 text-decoration:none;
}

#topicPath{
 position:absolute;
 top:83px;
 left:230px;
 width:700px;
 height:28px;
}
#topicPath li{
 display:inline;
 background:url(/common/i_bread.png) no-repeat right center;
 font-size:0.8em;
 line-height:2.4;
 padding:0 18px 0 0;
}
#topicPath li a{
 text-decoration:none;
}
#topicPath li a:hover{
 text-decoration:underline;
}
#topicPath li:first-child{
 margin:0 2px 0 10px;
}
#topicPath li:last-child{
 background:none;
}

/*----------------------------------------
++2 navigation + leftColumn parts width:232px
----------------------------------------*/
#leftColumn h2{
 width:152px;
 height:170px;
 text-indent:-9999px;
 padding:106px 0 30px;
}

#leftCshop{
 width:186px;
 overflow:hidden;
 margin:0 0 18px 23px;
}
#leftCshop li{
 width:186px;
 height:100px;
 font-size:0.8em;
 line-height:1.8;
 text-align:center;
 margin:0 0 5px;
}
#leftCshop li a{
 display:block;
 width:186px;
 height:100px;
 text-decoration:none;
 color:#59421A;
}
#leftCshop li a:hover{
 text-decoration:underline;
}

#subContents{
 width:200px;
 height:156px;
 margin:0 0 15px 15px;
 background:url(../common/leftc_subNavi.png) no-repeat;
}
#subContents li{
 text-indent:-9999px;
}
#subContents li a{
 display:block;
 width:200px;
 height:32px;
 text-decoration:none;
}
#subContents li#subC01:first-child{
 padding:28px 0 0;
}
#words #subContents li#subC01 a,
#std #subContents li#subC02 a,
#links #subContents li#subC03 a,
#sitemap #subContents li#subC04 a,
#subContents li a:hover{
 background:url(../common/leftc_subNavi.png) no-repeat;
}
#words #subContents li#subC01 a,#subContents li#subC01 a:hover{background-position:-200px -28px;}
#std #subContents li#subC02 a,#subContents li#subC02 a:hover{background-position:-200px -60px;}
#links #subContents li#subC03 a,#subContents li#subC03 a:hover{background-position:-200px -92px;}
#sitemap #subContents li#subC04 a,#subContents li#subC04 a:hover{background-position:-200px -124px;}

#leftColumn h3,
#leftColumn h4{
 margin:0 0 10px 22px;
}

/*----------------------------------------
++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_bg01.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 30px 30px;
}
.contents_txt02{
 margin:10px 30px 0px;
}
.contents_txt03{
 margin:10px 50px 20px;
}

.subNavi{
 width:660px;
 height:62px;
 margin:0 auto 20px;
}
.subNavi li{
 float:left;
 display:inline;
 width:220px;
 height:62px;
 text-align:center;
}

.subNavi02{
 margin:0 auto 20px;
 text-align:center;
}
.subNavi02 li{
 display:inline;
 padding:0 8px 0 8px;
 border-left:1px dotted #666;
}
.subNavi02 li:first-child{
 padding:0 8px 0 0;
 border-left:0px dotted #666;
}

/* 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;
}

#allShop{
 width:798px;
 height:663px;
 background:url(/common/shopList_bg.jpg) no-repeat;
 margin:0 auto 18px;
}
#allShop h3{
 width:420px;
 height:104px;
 background:url(/common/shopList_tit.png) no-repeat center 18px;
 padding:0 0 0;
 margin:20px auto 20px;
 text-indent:-9999px;
}
#allShop h4{
 clear:both;
 float:left;
 display:inline;
 width:223px;
 overflow:hidden;
 margin:0 0 0 26px;
}
#allShop ul{
 float:right;
 display:inline;
 width:520px;
 margin:0 10px 10px 0;
}
#allShop li{
 float:left;
 display:inline;
 width:260px;
 overflow:hidden;
 text-align:center;
 margin:0 0 8px;
}
#allShop li img{
 display:block;
 margin:0 0 4px;
}
#allShop li a{
 text-decoration:none;
 color:#333;
}
#allShop li a:hover{
 text-decoration:underline;
}

/*----------------------------------------
++5 category title parts
----------------------------------------*/
#indexContents h2{
 width:412px;
 height:34px;
 text-indent:-9999px;
 margin:30px 0 30px 30px;
}
#words #indexContents h2{background:url(../common/ctit_words.png) no-repeat;}
#std #indexContents h2{background:url(../common/ctit_std.png) no-repeat;}
#links #indexContents h2{background:url(../common/ctit_links.png) no-repeat;}
#sitemap #indexContents h2{background:url(../common/ctit_sitemap.png) no-repeat;}

/*----------------------------------------
++6 words parts
----------------------------------------*/
#wordsList{
 width:770px;
 overflow:hidden;
 margin:0 auto 30px;
}
#wordsList dt{
 width:230px;
 height:44px;
 text-indent:-9999px;
 margin:0 0 20px;
}
#words01{background:url(../common/words01.png) no-repeat;}
#words02{background:url(../common/words02.png) no-repeat;}
#words03{background:url(../common/words03.png) no-repeat;}
#words04{background:url(../common/words04.png) no-repeat;}
#words05{background:url(../common/words05.png) no-repeat;}
#words06{background:url(../common/words06.png) no-repeat;}
#words07{background:url(../common/words07.png) no-repeat;}
#words08{background:url(../common/words08.png) no-repeat;}
#words09{background:url(../common/words09.png) no-repeat;}


#wordsList dd{
 width:770px;
}
#wordsList dd dl{
 width:770px;
 overflow:hidden;
 margin:0 auto 20px;
 line-height:1.4;
}

#wordsList dd dl dt{
 float:left;
 clear:left;
 width:150px;
 height:34px;
 background:url(../common/icon_arrow03.png) no-repeat left 2px;
 color:#FF5F72;
 font-weight:bold;
 font-size:1.1em;
 text-indent:24px;
 margin:0 0 4px;
}
#wordsList dd dl dd{
 min-height:34px;
 margin:0 20px 4px 150px;
}

/*----------------------------------------
++7 std parts
----------------------------------------*/
#std_main{
 width:770px;
 overflow:hidden;
 background:url(../common/std_bg.jpg) no-repeat center top;
 margin:0 auto 60px;
}
#std_main h3{
 width:770px;
 height:232px;
 text-indent:-9999px;
}
#std_main p{
 color:#2B5E6F;
 margin:0 230px 0 23px;
}

#std_study{
 width:420px;
 height:35px;
 background:url(../common/subtit_std.png) no-repeat;
 margin:30px 0 40px 30px;
 text-indent:-9999px;
}

#stdList{
 width:770px;
 overflow:hidden;
 margin:0 auto 20px;
 line-height:1.4;
}
#stdList dt{
 float:left;
 clear:left;
 width:150px;
 height:34px;
 background:url(../common/icon_arrow04.png) no-repeat left 2px;
 color:#2BB1CF;
 font-weight:bold;
 font-size:1.1em;
 text-indent:24px;
 margin:0 0 20px;
}
#stdList dd{
 min-height:34px;
 margin:0 20px 20px 150px;
}

/*----------------------------------------
++8 links parts
----------------------------------------*/
.linkList{
 width:800px;
 margin:0 auto 20px;
}
.linkList td{
 width:120px;
 text-align:center;
 padding:5px 20px;
 vertical-align:top;
 font-size:0.8em;
}

/*----------------------------------------
++9 sitemap parts
----------------------------------------*/
#sitemapList{
 width:770px;
 overflow:hidden;
 margin:0 auto;
 line-height:1.4;
}
#sitemap dt{
 float:left;
 clear:left;
 width:230px;
 min-height:80px;
 font-weight:bold;
 margin:0 0 20px;
 text-indent:-9999px;
}
#sitemap01{background:url(../common/sitemapLogo01.png) no-repeat;}
#sitemap02{background:url(../common/sitemapLogo02.png) no-repeat;}
#sitemap03{background:url(../common/sitemapLogo03.png) no-repeat;}

#sitemap dd{
 margin:0 20px 10px 280px;
}

#sitemap dd ul{
 overflow:hidden;
 margin:5px 0 10px;
}
#sitemap dd ul li{
 float:left;
 display:inline;
 width:200px;
 height:30px;
 font-size:1.0em;
 text-indent:24px;
 margin:0 20px 22px 0;
}
#sitemap dd ul li a{
 text-decoration:none;
}
#sitemap dd ul li a:hover{
 text-decoration:underline;
}

#sitemap dd ul.sitemap01List li{
 background:url(../common/icon_arrow01.png) no-repeat left 1px;
}
#sitemap dd ul.sitemap01List li a{
 color:#856638;
}
#sitemap dd ul.sitemap02List li{
 background:url(../common/icon_arrow02.png) no-repeat left 1px;
}
#sitemap dd ul.sitemap02List li a{
 color:#D0357B;
}
#sitemap dd ul.sitemap03List li{
 background:url(../common/icon_arrow03.png) no-repeat left 1px;
}
#sitemap dd ul.sitemap03List li a{
 color:#CB5457;
}

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

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