
/*
@font-face {
     font-family: "Yasasisa";  適当なフォント名を付ける、他のフォント名を重ねない


src: url("../css/font/yg.otf");
}
*/
@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-size: 12px;font-weight: normal;
	list-style: none;
	font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
  /* font-family: "Yasasisa"; /* 通常のfont-familyで追加した適当なフォント名を指定する*/*/
}

body {


line-height: 1.5;
text-align: center;
-webkit-touch-callout:none;
color:#956540;
background-color:#F9EDDF;
background-image: url("../img/hp/bkptn.png");

}
img {
	border: none;
}

A:link {color:#956540;}
A:visited {color:#956540 ;}
A:hover { color: #BB9966; }


hr {
 border:1px solid #D3CAAF;
	border-bottom: 1px solid #fff;
margin:0 auto;
}

#my_body{
margin:0 auto;
width:990px;
}
#my_screen{
width:940px;
margin:9px 17px ;
padding: 8px;
background-color:#FFF;
}

#screen940{
padding: 0;
margin:0px 0px 10px 0px;
width: 940px;
/* background-color:#FFa; */
}

#screen_left{
width:760px;
margin:0;
padding:0px 0px;
float:left;
}

#screen_right{
width:173px;
margin:0px 0px 0px 7px;
padding:0px;
float:left;
}
#screen_right0{
width:173px;
margin:0px;
padding:0px;
}

#screen_right_box1{
width:171px;
margin:0px 0px 10px 0px;
padding:1px;
background-color:#D3CAAF;
}
#screen_right_box2{
width:167px;
margin:0px;
padding:2px;
background-color:#FFF;
}
#screen_right_box3{
width:167px;
padding:0px;
background-color:#FcF0D5;
position: relative;
text-align: center;
}
#topheader{
	font-size: 10px;font-weight: normal;
padding: 3px 10px;
color:#FFF;
background-color:#BC9572;
text-align: right;
}


#header{

width:940px;
height:256px;
margin:0;
padding: 0px 0px;
}
#header2{
width:940px;

margin:0;
padding: 0px 0px;
}

#hooter{
	font-size: 11px;font-weight: normal;
width:940px;
padding: 13px 0px;
text-align: center;
background-color:#BC9572;
color:#FFF;
}
#hooter a:link {font-size: 10px;color:#FFF;}
#hooter a:visited {font-size: 10px;color:#FFF ;}
#hooter a:hover { font-size: 10px;color: #FFF; }

#cht {
width:151px;
margin:0px 0px 10px 0px;
padding: 10px;
 border:1px solid #D3CAAF;
float:left;
}


#osirase_header{ 
padding:0px;
width:940px;
height:50px;
margin:0;
position: relative;
}

#osirase1{ border:4px #D3CAAF solid; 
padding:20px 25px 40px 25px ;
background-color:#ffffff;


}

.0mrg {
padding: 0px;margin:0px;
}
.dummy {
width:0px;padding: 0px;clear:both;
}

.midashi1{
background-color:#F5EEE9;
text-align: left;
padding:4px 12px 4px 12px;
font-size:13px; font-weight: bold;
}

.midashi2 {
 border-bottom: 3px solid #D8CAB6;
 text-align: left;
 background-color: #EAE6D9;
font-size:14px; font-weight: bold;
 color: #956540;
 margin: 0px;
 padding: 4px 16px 4px 16px;
 width:100%px;
text-shadow:-2px -2px #FFF,2px -2px #FFF,-2px 2px #FFF,2px 2px #FFF;
margin: 3px 0px 10px 0px; 
 }


.itembox1{
margin:0px; 
padding:0px;
background-color:#FFF;
border:1px solid #D3CAAF;

}
.itembox1:hover {
background-color:#FFC;
}



.itemboxX {
margin:1px 1px 1px 1px; 
padding:2px;
float:left;
}


.itembox2{
margin:2px 2px 2px 2px; 
padding:3px;
background-color:#FFF;
border:1px solid #D3CAAF;
float:left;
}

.btn1 {
	    background: #EEE;
	    border: 1px solid #DDD;
	    border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    color: #444444;
	    padding: 6px 0;

			float:left;
}
.btn1:hover {
background-color:#FFC;
}





.pnkBtn {
	font-size:15px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #e38899;
	padding:11px 12px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffe8ed 5%, #fabecd 100% );
	background:-ms-linear-gradient( top, #ffe8ed 5%, #fabecd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8ed', endColorstr='#fabecd');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffe8ed), color-stop(100%, #fabecd) );
	background-color:#ffe8ed;
	color:#a66666;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.pnkBtn:hover {
	background:-moz-linear-gradient( center top, #fabecd 5%, #ffe8ed 100% );
	background:-ms-linear-gradient( top, #fabecd 5%, #ffe8ed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabecd', endColorstr='#ffe8ed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fabecd), color-stop(100%, #ffe8ed) );
	background-color:#fabecd;
}.pnkBtn:active {
	position:relative;
	top:1px;
}

.pnkBtnMini  {
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #e38899;
	padding:4px 6px;
	margin:2px 1px; 
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffe8ed 5%, #fabecd 100% );
	background:-ms-linear-gradient( top, #ffe8ed 5%, #fabecd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8ed', endColorstr='#fabecd');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffe8ed), color-stop(100%, #fabecd) );
	background-color:#ffe8ed;
	color:#a66666;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.pnkBtnMini:hover {
	background:-moz-linear-gradient( center top, #fabecd 5%, #ffe8ed 100% );
	background:-ms-linear-gradient( top, #fabecd 5%, #ffe8ed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabecd', endColorstr='#ffe8ed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fabecd), color-stop(100%, #ffe8ed) );
	background-color:#fabecd;
}.pnkBtnMini:active {
	position:relative;
	top:1px;
}




/* 章節の四隅が角丸 */
.km_head{
text-align: left;
background:#BC9572; 
border:1px solid #BC9572; 
margin:2px 0px 0px 0px; 
padding:3px 10px 3px 10px; 
border-top-left-radius:7px;
border-top-right-radius:7px;

}
.km_box{
border:1px solid #BC9572; 
padding:4px; 
text-align: center;
margin:0px 0px 8px 0px; 
font-size:1em;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}


/* 章節の四隅が角丸2 */
.km_head2{
text-align: left;
background:#ED9EA6; 
border:1px solid #ED9EA6; 
margin:2px 0px 0px 0px; 
padding:4px 10px 4px 10px; 
border-top-left-radius:7px;
border-top-right-radius:7px;

}
.km_box2{
border:1px solid #ED9EA6; 
padding:4px; 
text-align: center;
margin:0px 0px 8px 0px; 
font-size:1em;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}



.setteityuubox{
border:1px solid #D3CAAF;
padding:4px; 
text-align: center;
margin:5px 0px 10px 0px; 

border-top-left-radius:7px;
border-top-right-radius:7px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}



.tr_right{
width: 0;
height: 0;
border-style: solid;
border-width: 34px 0 34px 18px;
border-color: transparent transparent transparent #E8AEB8;

}
.tr_left{
width: 0;
height: 0;
border-style: solid;
border-width: 34px 18px 34px 0;
border-color: transparent #E8AEB8 transparent transparent;
}
.itembox_tr{
margin:1px 1px 1px 1px; 
padding:18px 7px;
background-color:#FFF;
border:1px solid #D3CAAF;
float:left;
}
.itembox_tr:hover {
background-color:#FFC;
}






.clumnBack {
background-color:#FFF;
width:100%;
margin: 0px 0px 4px 0px; 
 }
.clumnImg {
padding:8px 15px;
float:left;
font-size:12px; font-weight: normal;
 }
.clumnText {
width:80%;

margin: 10px 2px ; 

float:left;
font-size:12px; font-weight: normal;
 }
#shopbtn3 {
padding:5px 15px;  
margin:6px 0px; 
  border-radius:17px;
-moz-border-radius:17px;
-webkit-border-radius:17px;
color:#FFF;
font-size:14px; font-weight: bold;
text-align: center;
  text-decoration:none;
text-shadow: -1px -1px 1px #88764A;
background: #E1A9A3;
background: -moz-linear-gradient(top,  #E1A9A3 2%, #EBC5C8 49%, #DA938B 51%, #E9BDB3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#E1A9A3), color-stop(49%,#EBC5C8), color-stop(51%,#DA938B), color-stop(100%,#E9BDB3));
background: -webkit-linear-gradient(top,  #E1A9A3 2%,#EBC5C8 49%,#DA938B 51%,#E9BDB3 100%);
background: -o-linear-gradient(top,  #E1A9A3 2%,#EBC5C8 49%,#DA938B 51%,#E9BDB3 100%);
background: -ms-linear-gradient(top,  #E1A9A3 2%,#EBC5C8 49%,#DA938B 51%,#E9BDB3 100%);
background: linear-gradient(to bottom,  #E1A9A3 2%,#EBC5C8 49%,#DA938B 51%,#E9BDB3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DA938B', endColorstr='#E9BDB3',GradientType=0 );

  box-shadow:1px 1px 1px #88764A;
float:left;
}
a#shopbtn3:hover {
color:#FFDDAA;
}



.parent3                {
    width:100%;
    background:#FAF8F5;
    padding:0;
    position:relative;
}
 
/*子*/
.parent3 .child3            {
    background:#FAF8F5;
    position:relative;
 
    /*テキストの補正*/
    color:#956540;
    padding:10px 13px;
}
 
/*擬似要素:after*/
.parent3 .child3:after    {
    content: ' ';
    width:0;
    height: 0;
    position:absolute;
    border:10px solid transparent;
    border-right-color:#FAF8F5;

    top:25%;
    right:100%;
}
/*子*/
.parent3 .child3            {
    background:#FAF8F5;
    position:relative;
 
    /*テキストの補正*/
    color:#956540;
    padding:10px 13px;
}
 
/*擬似要素:after*/
.parent3 .child3:after    {
    content: ' ';
    width:0;
    height: 0;
    position:absolute;
    border:10px solid transparent;
    border-right-color:#FAF8F5;

    top:25%;
    right:100%;
}


.case1:before { content:"\002605";
margin: 0 5px 0 0px; 
}
 .tt{
text-indent: -1em;
padding-left: 1em;
}



.table_01 {
width:100%;
height:40px;
padding:0px;
border-collapse:collapse;
line-height: 120%;
}
.table_01 th {
width:13%;
vertical-align:center;
padding:5px 0px 5px 0px;
}
.table_01 td {
width:80%;
vertical-align:center;
padding:5px 0px 5px 10px;
}
.table_01 h1{background-color:#f1e6da; 
margin-bottom: 0px;
font-weight:bold;
}




hr.style1 {
height: 1px;
border: none;
border-top: 1px #dbc6a7 solid;
}
hr.style2 {
height: 1px;
border: none;
border-top: 1px #dbc6a7 dashed;
}
hr.style3 {
height: 1px;
border: none;
border-top: 3px #dbc6a7 double;
}

#menu {
	  padding:0;
	  margin:0;
	  list-style-type: none;
	}
	#menu li {

	  width:15%;
	  float:left;
	  padding:0;
	  margin:0;
	  text-align:center;
	}
	#menu li a {
	  width:auto;
	  color:#A66666;
	font-size: 12px;font-weight: normal;
	  text-shadow:0 -1px 0px #fff,0 1px 0px #fff;
	  padding:10px 0;
	  text-decoration:none;
	  display:block;

	background:-moz-linear-gradient( center top, #ffe8ed 5%, #fabecd 100% );
	background:-ms-linear-gradient( top, #ffe8ed 5%, #fabecd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8ed', endColorstr='#fabecd');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffe8ed), color-stop(100%, #fabecd) );
	background-color:#ffe8ed;

border-left:1px solid #e38899;

	}
	#menu li a:hover {
	background:-moz-linear-gradient( center top, #fabecd 5%, #ffe8ed 100% );
	background:-ms-linear-gradient( top, #fabecd 5%, #ffe8ed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabecd', endColorstr='#ffe8ed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fabecd), color-stop(100%, #ffe8ed) );
	background-color:#fabecd;
	}
	#menu li:first-child a{
	  border-radius:5px 0 0 5px;

 border-left:0;

	}
	#menu li:last-child a{
	  border-radius:0 5px 5px 0;


	}