@charset "euc-jp";

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

*{
 -webkit-text-size-adjust:100%;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
 margin:0;
 padding:0;
 font-size:100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

body{
 background-image:url(../images/pattarn_bg.jpg);
 background-repeat:repeat;
 font-family:"¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
 font-size:14px;
 line-height:1.4;
 color:#000;
 -webkit-text-size-adjust:none;
}
body#entrance{
 background:#FFF;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{ 
 display:block;
}

img{
 border:0;
 vertical-align:bottom;
}

ul, ol{
 list-style:none;
}

table {
 border-spacing:0;
 empty-cells:show;
}

#container{
 min-width:320px;
 max-width:640px;
 margin:0 auto;
 overflow:hidden;
}
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix{
  zoom:1;
}

p a{
 color:#F93973;
}

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

input[type="submit"] {
	cursor:pointer;
}

input[type="reset"] {
	cursor:pointer;
}

input[type="button"] {
	cursor:pointer;
}

input[type="file"] {
	cursor:pointer;
}

/*----------------------------------------
++1 header parts
----------------------------------------*/
header{
 width:100%;
}

header h1{
 background:#FFA372;
 text-align:center;
 font-size:10px;
 padding:3px 0;
 font-weight:normal;
 color:#FFF;
}

header h1 a{
 text-decoration:none;
 color:#FFF;
}
 
.tel_box{
 clear:both;
 background:#FFA372;
 text-align:center;
}
.tel_box a{
 display:block;
 width:100%;
 height:40px;
}
.tel_box a img{
 margin:3px 0 0;
}

/*----------------------------------------
++2 navigation parts
----------------------------------------*/

#gnavi{
 clear:both;
 width:100%;
 background:url(../images/bg_pattern.png) repeat;
 height:60px;
 margin:0 auto 10px;
 letter-spacing:-.90em;
 -moz-box-shadow:
  0px 1px 4px rgba(000,000,000,0.4);
 -webkit-box-shadow:
  0px 1px 4px rgba(000,000,000,0.4);
 box-shadow:
  0px 1px 4px rgba(000,000,000,0.4);
  font-size:0px;
}
#gnavi li{
 width:25%;
 display:inline-block;
 box-sizing:border-box;
 text-align:center;
}
#gnavi li img{
 margin:4px 0 0;
}

#gnavi li a{
 display:block;
 height:53px;
 padding:6px 0 0;
 border-width:0px 1px 0px 0px;
 border-style:solid;
 border-color:#655C57;
 text-decoration:none;
}
#gnavi li#gN04 a{
 border-width:0px 0px 0px 0px;
}
#gnavi li a:hover,
#mMenu li a:hover{
 position:relative;
 top:1px;
 left:0;
}


#mMenu01,
#mMenu02{
 clear:both;
 width:100%;
 text-align:center;
 /*margin:0 auto 2px;*/
 margin:0 0 2px 1px;
 letter-spacing:-.90em;
  font-size:0px;
}
#mMenu02{
 /*margin:0 auto 10px;*/
 margin:0 0 10px 1px;
}
#mMenu01 li,
#mMenu02 li{
 display:inline-block;
 box-sizing:border-box;
 width:50%;
 font-size:12px;
 font-weight:bold;
 text-align:left;
}
#mMenu01 li a,
#mMenu02 li a{
 display:block;
 letter-spacing:0;
 text-decoration:none;
 padding:10px 0;
 margin:0 0 2px;
}
#mMenu01 li a{
 width:98%;
 background:#fff url(../images/i_arrow01_pink.png) no-repeat 4px center;
 color:#FFA372;
 font-size:14px;
 font-weight:bold;
 text-indent:20px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 border:1px solid #FFA372;
}
#mMenu02 li a{
 background:#FFA372 url(../images/i_arrow02_white.png) no-repeat 4px center;
 width:99%;
 color:#fff;
 text-indent:14px;
}


#modal{display:none;}

#pageslide {
 /* These styles MUST be included. Do not change. */
 display:none;
 position:absolute;
 top:0;
 height:100%;
 z-index:999999;
 
 /* Specify the width of your pageslide here */
 width:260px;
 padding:20px;
 
 /* These styles are optional, and describe how the pageslide will look */
 background-color:#333;
 color:#FFF;
 -webkit-box-shadow:inset 0 0 5px 5px #000;
 -moz-shadow:inset 0 0 3px 3px #000;
 box-shadow:inset 0 0 3px 3px #000;
}

/*----------------------------------------
++3 footer parts
----------------------------------------*/
footer{
 clear:both;
 width:100%;
 height:150px;
 background:url(../images/bg_pattern.png) repeat;
 border-top:5px solid #CECECE;
 text-align:center;
}
footer h4{
 text-align:center;
 margin:0 0 3px;
}


footer address{
 clear:both;
 color:#fff;
 font-size:0.8em;
 font-style:normal;
 padding:10px 60px;
}
footer address a{
 color:#fff;
 text-decoration:none;
}

/*----------------------------------------
++4 text image parts
----------------------------------------*/

/* text */
.f10{font-size:10px;}
.f12{font-size:12px;}
.f16{font-size:16px;}

#container p.pbw5 a,
#container p.pbw10 a,
#container p.p3 a,
#container p.p5 a{
 color:#F39;
}

.p3{padding:3px;}
.pb3{padding:0 0 3px;}
.pw3{padding:0 3px;}
.pbw3{padding:0 3px 3px;}

.p4{padding:0;
text-align:center;}

.p5{padding:5px;}
.pb5{padding:0 0 5px;}
.pb10{padding:0 0 10px;}
.pw5{padding:0 5px;}
.ph5{padding:5px 0;}
.ph10{padding:10px 0;}
.p6{padding:5px;
text-align:center;}

.pb5w5{padding:0 5px 5px;}
.pb5w10{padding:0 5px 10px;}
.pb10w10{padding:0 10px 10px;}
.pb10w20{padding:0 10px 20px;}

.m3{margin:3px;}
.m5{margin:5px;}
.mb5{margin:0 0 5px;}
.mb6{margin:0;}
.mb7{margin:0 0 10px;
border:1px solid #FFA372;}
.mb10{margin:0 0 10px;}
.mb15{margin:0 0 15px;}
.mh15{margin:15px 0;}
.mh10b0{margin:10px 0 0;}

.mw5{margin:0 5px;}
.mw10{margin:0 10px;}
.mbw5{margin:0 5px 5px;}

.txt_red{color:#C00;}
.txt_blue{color:#06C;}
.txt_rblue{color:#09F;}
.txt_pink{color:#f7468c;}
.txt_orange{color:#F30;}
.txt_yellow{color:#FC0;}
.txt_green{color:#360;}
.txt_rgreen{color:#690;}
.txt_gray{color:#666;}
.txt_brown{color:#630;}
.txt_white{color:#fff;}

/* img */
.fr_l{float:left;margin:0 5px 5px 0;}
.fr_r{float:right;margin:0 0 5px 5px;}

.w100{width:100%;}

.sp_image{width:100%;}
.keyword01{color:#F22F66;}
.keyword02{color:#64920B;}


/*----------------------------------------
++5 common parts
----------------------------------------*/
.i_contact{
 width:100%;
 height:51px;
 background-image:url(../images/contact_bg_r.png),url(../images/contact_bg_l.png),url(../images/contact_bg.png);
 background-repeat:no-repeat,no-repeat,repeat-x;
 background-position:right top,left top,center top;
 text-align:center;
 margin:10px 0 0;
}
.i_contact img{
 margin:16px 0 0;
}

.tit01,
.tit02{
 clear:both;
 width:100%;
 height:30px;
 background:#FFA372 url(../images/subtit_bg.png) no-repeat top right;
 text-align:left;
 margin:0 0 5px;
}
.tit01{
 margin:20px 0 5px;
}
.tit01 img{margin:3px 0 0 10px;}

.tit02{
 font-size:15px;
 line-height:2.2;
 text-indent:10px;
 color:#fff;
 letter-spacing:0.1em;
}

.subtit01{
 width:70%;
}
.subtit01_w{
 width:100%;
}
.subtit01,
.subtit01_w{
 background:#564841 url(../images/subtit_bg2.png) no-repeat right center;
 color:#fff;
 padding:5px 0;
 margin:0 0 8px 3px;
 text-indent:10px;
}
.subtit02,
.subtit03{
 font-weight:bold;
 padding:10px 0;
 margin:0 auto 8px;
 text-indent:10px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.subtit02{
 width:98%;
 background:#FFA372 url(../images/i_arrow04_white.png) no-repeat 98% 50%;
 color:#fff;
}

.subtit03{
 width:98%;
 background:#fff url(../images/i_arrow04_pink.png) no-repeat 98% 50%;
 color:#FFA372;
 border:2px solid #FFA372;
}
.subtit04{
 font-size:16px;
 line-height:1.8;
 background:url(../images/i_mark.png) no-repeat 5px center;
 text-indent:33px;
 color:#FFA372;
 margin:0 0 6px;
}
.subtit05{
 margin:20px 10px 6px;
}


.box01,
.box02{
 width:96%;
 height:1%;
 background:#fff;
 margin:0 auto 15px;
 -moz-box-shadow:
  0px 1px 4px rgba(000,000,000,0.4);
 -webkit-box-shadow:
  0px 1px 4px rgba(000,000,000,0.4);
 box-shadow:
  0px 1px 4px rgba(000,000,000,0.4);
}
.box01{
 padding:5px 0;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.box03{
 padding:5px 0;
 width:96%;
 height:1%;
 overflow:hidden;
 background:#FFF0DA;
 margin:0 auto 15px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}



/*----------------------------------------
++6 List parts
----------------------------------------*/
.listN01,
.listN02,
.listN03{
 width:98%;
 margin:0 auto 10px;
 line-height:1;
}

/* listN01 corner-round pink */
/* MENU List */
.listN01{
 text-align:center;
 margin:0 0 10px;
}
.listN01 li a{
 display:block;
 padding:10px 0;
 text-decoration:none;
 color:#FFA372;
 background:#fff;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 border:2px solid #EF7A95;
 margin:0 0 8px;
}
.listN01 li a:hover{
 color:#fff;
 background:#FFA372;
}

/* listN02 corner-round pink */
.listN02{
 margin:0 auto 15px;
}
.listN02 li,
.listN03 li{
 margin:0 auto 5px;
}
.listN02 a,
.listN03 a{
 display:block;
 font-weight:bold;
 padding:14px 0;
 text-indent:10px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 text-decoration:none;
}
.listN02 a{
 background:#FFA372 url(../images/i_arrow03_white.png) no-repeat 98% 50%;
 color:#fff;
}
.listN02 li a:hover{
 background:#FFA372 url(../images/i_arrow03_white.png) no-repeat 98% 50%;
}

/* listN04 corner-round white */
.listN03 a{
 background:#fff url(../images/i_arrow03_gray.png) no-repeat 98% 50%;
 color:#FFA372;
 border:2px solid #FFA372;
}

/*------- list column ----------*/

.listC01{
 width:100%;
 height:1%;
 margin:10px 0 8px;
 text-align:center;
 letter-spacing:-.40em;
 line-height:1;
}

/* under List Navi */
.listC01 li{
 width:33%;
 display:inline-block;
 box-sizing:border-box;
 letter-spacing:normal;
 text-align:center;
 margin:0 0 2px;
}
.listC01 li a{
 display:block;
}
.listC01 li a img{
 width:98%;
}

.listC02{
 width:100%;
 margin:10px 0 8px;
 letter-spacing:-.90em;
 line-height:1;
}

/* under List Navi */
.listC02 li{
 width:25%;
 display:inline-block;
 box-sizing:border-box;
 letter-spacing:normal;
 text-align:center;
 margin:0 0 2px;
}
.listC02 li a{
 display:block;
}
.listC02 li a img{
 width:98%;
}

.listC03{
 width:100%;
 height:1%;
 margin:10px 0 8px;
 text-align:center;
 letter-spacing:-.90em;
font-size:0px;
 line-height:1;
}

/* under List Navi */
.listC03 li{
 width:50%;
 font-size:14px;
 display:inline-block;
 box-sizing:border-box;
 letter-spacing:normal;
 text-align:center;
 margin:0 0 2px;
}
.listC03 li a{
 display:block;
}
.listC03 li a img{
 width:98%;
}


/*------- dl list ----------*/

/* detail dl */
.listD01,
.listD03,
.listD04{
 width:100%;
 margin:0 auto;
}
.listD01 dt,
.listD03 dt,
.listD04 dt{
 color:#fff;
 font-weight:bold;
 padding:5px;
 margin:0 0 3px;
}
.listD01 dt{
 width:200px;
 background:#564740;
}
.listD03 dt{
 width:280px;
 background:#B9B9B9;
}
.listD04 dt{
 background:#564740;
}

.listD01 dd,
.listD03 dd,
.listD04 dd{
 padding:0 5px 3px 0;
 margin:0 0 0 10px;
}
.listD01 dd a{
 color:#FE458F;
}
.listD01 dd .col1{
 color:#F00;
}

.listD03 p{
 padding:5px 10px;
 text-align:right;
}


/* faq */
.listD02{
 width:98%;
 margin:0 auto;
}
.listD02 dt{
 padding:10px 3px;
 background:#fff;
 text-indent:1px;
 color:#333;
 border:2px solid #FFA372;
 margin:0 0 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}
.listD02 dd{
 padding:5px;
}


/*----------------------------------------
++7 button parts
----------------------------------------*/

.botton01,
.botton02,
.botton03,
.botton04{
 clear:both;
 display:block;
 width:96%;
 font-size:15px;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 padding:15px 0;
 margin:6px auto 10px;
}

/* pink */
.botton01{
 margin:6px auto;
 color:#fff;
 background: -moz-linear-gradient(
  top,
  #f37492 0%,
  #f37492 50%,
  #e4527e 50%,
  #e4527e);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#685B55),
  color-stop(0.50, #685B55),
  color-stop(0.50, #564740),
  to(#564740));
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 border: 1px solid #FFA372;
 -moz-box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 -webkit-box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 text-shadow:
  0px -1px 0px rgba(000,000,000,0.5),
  0px 1px 0px rgba(255,255,255,0.6);
}

/* yellow-orange */
.botton02{
 color:#fff;
 background: -moz-linear-gradient(
  top,
  #ffba42 0%,
  #ffba42 50%,
  #eb9f1d 50%,
  #eb9f1d);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#FFD1B8),
  color-stop(0.50, #FFD1B8),
  color-stop(0.50, #FFA372),
  to(#FFA372));
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 border: 1px solid #ab6e0c;
 -moz-box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 -webkit-box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 text-shadow:
  0px -1px 0px rgba(000,000,000,0.8),
  0px 1px 0px rgba(255,255,255,0.6);
}

/* white */
.botton03{
 color:#555;
 background:#fff;
 border:2px solid #C3C3C3;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}

/* yellow-orange */
.botton04{
 color:#fff;
 background: -moz-linear-gradient(
  top,
  #ffba42 0%,
  #ffba42 50%,
  #eb9f1d 50%,
  #eb9f1d);
 background: -webkit-gradient(
  linear, left top, left bottom, 
  from(#FF9966),
  color-stop(0.50, #FF9966),
  color-stop(0.50, #FF7632),
  to(#FF7632));
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 border: 1px solid #ab6e0c;
 -moz-box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 -webkit-box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 box-shadow:
  0px 1px 2px rgba(000,000,000,0.4),
  inset 0px 0px 2px rgba(255,255,255,1);
 text-shadow:
  0px -1px 0px rgba(000,000,000,0.8),
  0px 1px 0px rgba(255,255,255,0.6);
}


.i_backT,
.i_backH{
 width:96%;
 height:1%;
 overflow:hidden;
 text-align:center;
 display:block;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 padding:12px 0;
 text-decoration:none;
 font-weight:bold;
}
/* go to top */
.i_backT{
 margin:20px auto;
 color:#fff;
 background:#564740;
 border:2px solid #635954;
 text-shadow:0px 1px 1px rgba(000,000,000,0.8);
}


/* back to home */
.i_backH{
 margin:20px auto 6px;
 width:60%;
 color:#FFA372;
 background:#fff;
 border:2px solid #CECECE;
 -moz-box-shadow:
 0px 0px 3px rgba(000,000,000,0.5);
 -webkit-box-shadow:
 0px 0px 3px rgba(000,000,000,0.5);
 box-shadow:
 0px 0px 3px rgba(000,000,000,0.5);
 text-shadow:
 0px 0px 3px rgba(255,255,255,1),
 0px 0px 0px rgba(255,255,255,0);
}

.botton03 span,
.botton02 span,
.botton01 span,
.i_backH span,
.i_backT span{
 display:inline-block;
}

.botton03 span:before,
.botton02 span:before,
.botton01 span:before,
.i_backH span:before,
.i_backT span:before{
 content:'';
 display:inline-block;
 width:5px;
 height:3px;
 vertical-align:middle;
 margin:-2px 10px 0 0;
}

.botton03 span a,
.botton02 span a,
.botton01 span a,
.i_backH span a,
.i_backT span a{
 display:block;
 text-decoration:none;
}

/*----------------------------------------
++8 form parts
----------------------------------------*/
form{
 width:100%;
 margin:0 auto 10px;
}

.text, textarea, .dropdown{
 border:1px solid #777;
 padding:5px;
 background:#fff;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 background:-webkit-gradient(
 linear,
 left top,
 left bottom,
 from(#eee),
 to(#fff)
 );
 
 -webkit-box-shadow:1px 1px 1px #fff;
 background:-moz-linear-gradient(
 top,
 #eee,
 #fff
 );
 -moz-box-shadow:1px 1px 1px #fff;
 filter:progid:DXImageTransform.Microsoft.gradient
 (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
 zoom:1;
}

.checkbox,.radio{
 z-index:-1;
 position:absolute;
}
.CheckBoxLabelClass{
 height:17px;
 background:url(../images/checkbox.png) no-repeat top left;
 margin-right:20px;
 padding-left:22px;
}
 
.radiolabel{
 background:url(../images/radio.png) no-repeat top left;
 margin-right:20px;
 padding-left:22px;
}

.LabelSelected,.RadioSelected{
 background-position:bottom left;
}

.i_submit,
.i_clear{
 background:#FFA372;
 font-size:1.4em;
 color:#fff;
 font-weight:bold;
 text-align:center;
 border:0;
 padding:15px 0;
}

.i_submit{
 width:150px;
 margin:0;
}
.i_clear{
 width:150px;
 margin:0 0 0 20px;
}


/*----------------------------------------
++000 other parts
----------------------------------------*/
.spagetop{
 clear:both;
 font-size:10px;
 text-align:right;
 padding:10px 5px 10px 0;
}
.spagetop a{
 color:#C36;
}

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

.block{display:block;}

.center{text-align:center;}
.right{text-align:right;}

.fmenu_head{ 
 cursor:pointer;
}