@charset	"utf-8";
@import		"http://yado.dswsp.com/ISTN/common/lib/style.css";
@import		"tagOverride.css";
@import		"mainFrame.css";

/* main_style */

html,body{
  scrollbar-face-color: #cccccc;       /* 表面の色 */
  scrollbar-3dlight-color: #ffffff;    /* 左端と上端の色 */
  scrollbar-highlight-color: #cccccc;  /* ハイライトの色 */
  scrollbar-shadow-color: #cccccc;     /* 影の色 */
  scrollbar-darkshadow-color: #ffffff; /* 右端と下端 */
  scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
  scrollbar-track-color: #ffffff;      /* バーの背景の色 */
}


body{
margin:0;
padding:0;
text-align:center;
/*background-image:url(images/back.gif);*/}


body, td, th, div, p, a, pre{
line-height:1.2;
color:#796758;
font-family:
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
  '平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
  'ＭＳ Ｐゴシック', 'MS PGothic', 
  'ＭＳ ゴシック', 'MS Gothic',
  sans-serif;
font-size:small;}
  
select, input, textarea {
color:#796758;
line-height:1.2;
font-family:
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
  '平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
  'ＭＳ Ｐゴシック', 'MS PGothic', 
  'ＭＳ ゴシック', 'MS Gothic',
  sans-serif;}  

	
a{
color:#796758;
text-decoration:none;}
a:hover{
color:#6699FF;
text-decoration:underline;}
/*a:visited{
color:#996633;}*/

img{
border:0px;
margin-bottom:5px;}


form{
margin:0; padding:0;}

.Clear{
clear:both;
font-size:1px;
color:#FFFFFF;}

p{
margin:0;
padding:3px 0;}

strong{
font-weight:normal;}


h1{
font-size:small;
margin:0;
padding:8px 0 0 0;
font-weight:normal;
color:#796758;}
/*h1.h1txt a{
color:#796758;}*/

h2{
font-size:small;
margin:0;
padding:0;
font-weight:normal;}

h3{
font-size:small;
margin:0;
padding:0;
font-weight:normal;}


#frame{
width:950px;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;}

#header{
width:950px;
margin:5px 0 0 0;}
.head_tel{
width:283px;
float:right;}
.head_center{
width:450px;
float:right;}
.head_center h2{
margin:3px 0;}
.head_logo{
width:200px;
float:left;
padding:0;}


#subMenu{
width:950px;
height:30px;
border-top:#CCCCCC 1px solid;
background-image:url(img/navi_base.gif);
background-repeat:repeat-x;
background-position:left top;}
#subMenu ul{
list-style-type:none;
margin:0; padding:0 0 0 3px;}
#subMenu li{
width:118px;
height:30px;
float:left;
margin:0; padding:0;}

#subMenu2{
width:950px;
height:30px;
border-top:#CCCCCC 1px solid;
background-image:url(img/navi_base.gif);
background-repeat:repeat-x;
background-position:left top;}
#subMenu2 ul{
list-style-type:none;
margin:0; padding:0 0 0 3px;}
#subMenu2 li{
width:105px;
height:30px;
float:left;
margin:0; padding:0;}


#contents{
width:950px;
margin:10px 0 0 0;}

#order_page{
width:740px;
margin:0 auto;
}

.page_top{
border-bottom:#796758 1px solid;
border-top:#796758 1px solid;
padding:3px 5px;
margin:10px 0 5px 0;
text-align:right;}
p.page_top a{
color:#990000;
font-size:smaller;}
p.page_top a:hover{
color:#6699FF;}

#bottom{
width:940px;
padding:0 0 0 10px;
margin:0 0 10px 0;
background-image:url(img/credit_card.gif);
background-position:right top;
background-repeat:no-repeat;}

#bottom a:hover{
color:#CC0033;}

/* image */
.photoArea_family{
width:740px;
margin:10px 0 0 0;
}

.photoArea_left{
width:350px;
padding:0 10px 0 10px;
margin:10px 0 0 0;
float:left;
text-align:left;
}

.photoArea_right{
width:350px;
padding:0 10px 0 10px;
margin:10px 0 0 0;
float:right;
text-align:left;
}

.photoArea_left p{
width:350px;}




/* premium */
.premiumArea{
width:740px;
margin:10px 0 0 0;
}

.premiumArea_left{
width:490px;
padding:0 10px 0 10px;
margin:10px 0 0 0;
float:left;
text-align:left;
}

.premiumArea_left img{
margin:5px;}


.premiumBox{
width:470px;
padding:5px;
margin:0 0 5px 0;
text-align:left;
}

.premiumBox img{
margin:0 10px 0 10px;
}


.premiumArea_right{
width:199px;
padding:0 15px 0 15px;
margin:10px 0 0 0;
float:right;
text-align:left;
border-left:dotted 1px #999999;
}

.premiumArea_right p{
font-size:smaller;
text-align:center;
}

.premiumPhoto_box{
width:170px;
padding:10px;
margin:0 0 20px 0;
text-align:center;
}


/* shosai */
.shosaiArea{
width:740px;
margin:10px 0 0 0;
}

.shosaiArea_left{
width:519px;
padding:0 14px 0 10px;
margin:10px 0 0 0;
float:left;
text-align:left;
border-right:dotted 1px #999999;
}

.shosai_left img{
margin:5px;}


.shosaiBoxright{
width:500px;
padding:5px 0 5px 0;
margin:0 0 10px 0;
text-align:left;
float:left;
}

.shosaiBoxright p{
line-height:140%;
}

.shosaiBoxright img{
margin:0 0 0 10px;
}

.shosaiBoxleft{
width:500px;
padding:5px 0 5px 0;
margin:0 0 10px 0;
text-align:left;
float:left;
}

.shosaiBoxleft p{
line-height:140%;
}

.shosaiBoxleft strong, .shosaiBoxright strong{
font-weight:bold;
}

.shosaiBoxleft img{
margin:0 10px 0 0;
}

.shosaiArea_right{
width:175px;
padding:0 0 0 5px;
margin:10px 0 0 0;
float:right;
text-align:left;
}

.shosaiArea_right p{
font-size:smaller;
text-align:center;
}

.shosaiPhoto_box{
width:165px;
padding:5px 5px 5px 0;
margin:0 0 20px 0;
text-align:center;
}

.shosaiNote{
border:#796758 1px solid;
margin:20px 0 0 0;
padding:5px;
vertical-align:text-bottom;
}


/* box */
.gray_box{
border:#CCCCCC 1px solid;
padding:8px 5px 5px 10px;
margin:0 0 10px 0;}

#checkInOut {
	display: block;
	padding: 1em;
	/*background-color: #f2f2f2;*/
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	margin: 0;
	text-align:center;
}

#checkInOut span.Title {
	background-color:#796758;
	padding: 6px;
	font-size: 80%;
	margin: 0 1em 0 0;
	color:#FFFFFF;
}


/* txt */
.title_base660{
height:38px;
font-size:large;
font-weight:bold;
padding:30px 0 5px 110px;
display:block;
background-image:url(img/title_base660.gif);
background-position:left;
background-repeat:no-repeat;}


.attention_txt{
color:#FF0033;
line-height:1.3;}


.back_brown{
background-color:#796758;
padding:3px 5px 4px 10px;
color:#FFFFFF;}

.back_gray{
background-color:#f2f2f2;
padding:3px 5px 4px 10px;}

.under_dotted{
border-bottom:#CCCCCC 1px solid;
padding:0 0 3px 0;
margin:0 0 3px 0;}


.f16 {
	font-size: 16px;
}
.largeRed {
	font-size: 160%;
	color: #CC0000;
	font-weight: bold;
}
.borderBox {
	border: 1px solid #796758;
	padding: 8px;
	margin: 10px 0px;
	line-height: 1.6em;
	font-weight: bold;
}
#order_page h3.pTitle {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color:#FFFFFF
}
h4.otoku {
	margin: 0px 0px 10px 40px;
	padding: 0px;
	font-size: 18px;
}
h4.otoku img {
	margin: 0px 8px 0px 0px;
	vertical-align: middle;
}
text-align: c.photoArea {
margin: 0px 0px 25px 0px;
}
.bottomCopy {
	font-size: 18px;
	font-weight: bold;
}
.largeRed {
	font-size: 160%;
	color: #CC0000;
	font-weight: bold;
}

.shosaiNoteR{
border:#FF0000 1px solid;
color:#FF0000;
margin:20px 0 0 0;
padding:8px 8px 8px 16px;
text-align:left;
vertical-align:text-bottom;
}