@charset "utf-8";

/* universal-serector reset */
* { margin: 0; padding: 0; }

/* common */
html { overflow-y: scroll; }

div, p { /zoom: 1; }
div:after, p:after { content: ''; display: block; clear: both; }
img, div { behavior: url(iepngfix.htc); }

body { font-size: 81%; line-height: 1.62em; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: #960; text-align: center; text-align: justify; text-justify: inter-ideograph; }
ul, ol, li { margin: 0; padding: 0;}
th, td, li { font-size: 1em; line-height: 1.42em; }

#wrapper { width: 100%; text-align: left; margin: 0 auto; background: url(../images/common/footer-bg.gif) left bottom fixed repeat-x; }

/* header */
#header { width: 100%; background: url(../images/common/header-bg.gif) left top repeat-x; }
#headerbody { width: 760px; margin: 0 auto 10px; background: url(../images/common/header.gif) left top repeat-x; padding: 0 20px; height: 110px; overflow: hidden; }
#logo { width: 240px; float: left; }
h1 { }

#headnavi { width: 189px; float: right; }
#headnavi ul { list-style: none; padding: 44px 0 0;}
#headnavi li { float: left; height: 11px; }
#hn1 { width: 43px; }
#hn2 { width: 96px; }
#hn3 { width: 50px; }



/* navigation */
#navi { width: 165px; float: left; }
#ssc ul { list-style-type: none; margin: 0; padding: 0; }
#ssc li { margin: 0; padding: 0; }

#navibody { padding: 0 9px 0 10px; background: url(../images/common/navi/navi-bg.gif) left top repeat-y; }
#navibody ul { list-style: none; }
#navibody li { padding: 0 0 8px; height:36px; }



/* pagebody */
#pagebody { width: 760px; margin: 10px auto 0; padding: 0 0 125px;}
#main { width: 580px; float: right; }
#main ul { margin: 0; }
#main ol { margin: 0; }
#main li { margin: 0 0 0 2em; }
#main p { line-height: 1.5em; }

.maintext { padding: 10px 0 0; margin: 0 0 35px; }

.price-tb { width: 580px; margin: 0 0 10px; }
.price1-tb { width: 320px; margin: 0 0 10px; }
.price2-tb { width: 370px; margin: 0 0 10px; }
.price3-tb { width: 285px; margin: 0 0 35px; }

.price-th1 { padding: 4px 0; width: 1.5em; border-bottom: 1px dotted #ccc; vertical-align: top; }
.price-th2 { padding: 4px 0; text-align: left; border-bottom: 1px dotted #ccc; vertical-align: top; }
.price-th3 { padding: 4px 12px; width: 3em; text-align: right; border-bottom: 1px dotted #ccc; vertical-align: top; }

.price-td1 { padding: 4px 0;border-bottom: 1px dotted #ccc; vertical-align: top; }
.price-td2 { text-align: right; padding: 4px 0 4px 12px; border-bottom: 1px dotted #ccc; vertical-align: top; }
.price-td3 { text-align: right; padding: 4px 12px; border-bottom: 1px dotted #ccc; vertical-align: top; }


/* footer */
#textlink{ border-width:1px 0; border-style: solid; border-color: #ccc; text-align: left; padding: 5px 0; background: #fff;}
#textlink p { width: 760px; margin: 0 auto; font-size: 0.86em; line-height: 1.42em; }
#textlink p a { text-decoration:none; color:#036; }
#pagetop { width:61px; float:right; }






#footer { background: #fd6; height: 90px; 
	position: relative;
	margin: -90px 0 0; /* negative value of footer height */
	clear:both;
	width: 100%;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#footer #footerbody{
  width:760px;
  margin:0px auto;
}

address { font-size: 0.86em; line-height: 1.42em; font-style: normal; color:#000; font-family:Arial, Helvetica, sans-serif; text-align:left; width: 680px; float: left; }

/* index, source */
.mainimg { width: 760px; margin: 0 auto; }

.box {  }
.boxl { width: 285px; float: left; }
.boxr { width: 285px; float: right; }
#appeal01 { background: #ff9; margin: 0 0 10px; }
#appeal01 p { padding: 0 5px 8px; }
#appeal02 {  }
#appeal03 { padding: 10px 0 0; }

#wn { border:1px solid #ccc; background: #fff; margin: 0 0 10px;}
#wn h2{
	height:38px;
	width:450px;
	text-indent:-9999px;
	float:left;
	background:url(../images/wntitle.gif) no-repeat;
}
#wn #rss{
	height:38px;
	width:128px;
	float:right;
	background:url(../images/wntitle.gif) no-repeat -450px 0px;
}
#wn #rss a{
	display:block;
	width:64px;
	height:38px;
	text-indent:-9999px;
	text-decoration:none;
	float:left;
}

#wn table{
	margin:0px 16px 4px 16px;
	width:546px;
	border-collapse:collapse;
}
#wn th{
	width:75px;
	white-space:nowrap;
	padding-bottom:8px;
	text-align:left;
	font-weight:normal;
}
#wn td{
	padding-bottom:8px;
}

/* casual */
#cl01box { padding: 9px 1px 9px 9px; }
.l87 { width: 95px; float: left; }
.phtbox { padding: 3px 12px 5px 3px; background: url(../images/common/phtboxbg.gif) left top no-repeat; } /* 写真横幅80px */
.dscbox { padding: 0 12px 3px 3px; background: url(../images/common/dscboxbg.gif) left bottom no-repeat; text-align: right; margin: 0 0 35px; }


/* inside - navigation */
.subnavi { width: 680px; height: 68px; line-height: 1.2em; margin: 0 0 15px; }
.subnavi ul { list-style: none; }
.subnavi li a { display: block; text-decoration: none; }
.subnavi li { float: left; width: 167px; height: 68px; }

/* access */
.map { width: 400px; float: left; display: inline; }
.access { width: 260px; float: right; display: inline; }

/* profile */
.prf-tb { width: 100%; margin: 0 0 35px; }
.prf-th { width: 8em; padding: 4px 8px; text-align: left; vertical-align: top; }
.prf-td { padding: 4px 8px; }

/* inquiry - form */
.frm-tb { width: 100%; }
.frm-th { text-align: left; }
.frm-td { width: 400px; }
.form-s { width: 100px; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 400px; border: 1px solid #ccc; padding: 2px; }
textarea { width: 400px; border: 1px solid #ccc; padding: 2px; font-size: 1.0em; }
.contbtn { padding: 5px; text-align: center; }

input[type="checkbox"], input[type="radio"] { vertical-align: middle; }
input, textarea { font-size: 1.0em; padding: 0; vertical-align: middle; }

/* link */
a { outline: none; }
a:link, a:visited { color: #06c; text-decoration: underline; } 
a:hover { color: #06c; text-decoration: underline; } 
a:active { color: #06c; text-decoration: none; } 

/* general-purpose */
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
.small { font-size: 0.8em; }


.title01 { border-bottom: 2px solid #f96; padding: 0 0 5px; margin: 0 0 10px; }
.title02 { border-left: 5px solid #f96; padding: 0 0 0 10px; margin: 0 0 10px; }
.title03 { color: #000; }

img { border: none; }

.clr { clear: both; }
.pg-brk { page-break-before: always; }

.paging {}
.paging img { vertical-align: middle; }

.pack-tb { width: 283px; border: 1px solid #ccc; margin: 0 0 10px;}
.pack-th-j { border-bottom: 1px solid #ccc; padding: 4px; text-align: left; background: url(../images/jpns-bg.png) 1px 1px no-repeat #fff; text-align: center; color: #fff; }
.pack-th-e { border-bottom: 1px solid #ccc; padding: 4px; text-align: left; background: url(../images/enrp-bg.png) 1px 1px no-repeat #fff; text-align: center; color: #c00; }
.pack-td { padding: 4px; }



/*
.tb1 { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px;}
.th1 { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.td1 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
*/

/* align */
.tar { text-align: right }
.tac { text-align: center }
.tal { text-align: left }

/* float */
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }

.imgl { float: left; margin: 0 5px 8px 0; }
.imgr { float: right; margin: 0 0 8px 5px; }


.l200 { width: 200px; float: left; }
.r200 { width: 200px; float: right; }

.l250 { width: 250px; float: left; }
.r250 { width: 250px; float: right; }

.l260 { width: 260px; float: left; }
.r260 { width: 260px; float: right; }

.l285 { width: 285px; float: left; }
.r285 { width: 285px; float: right; }

.l310 { width: 310px; float: left; }
.r310 { width: 310px; float: right; }

.l320 { width: 320px; float: left; }
.r320 { width: 320px; float: right; }

.l370 { width: 370px; float: left; }
.r370 { width: 370px; float: right; }

/* decoration */
.red { color: #c00; }
.blue { color: #06c; }
.green { color: #090; }
.yellow { color: #ffc; }
.cyan { color: #0cc; }
.orange { color: #f60; }

.strong { font-weight: bold; }

/* margin padding */
.mb00 { margin: 0; }
.mb05 { margin: 0 0 5px; }
.mb10 { margin: 0 0 10px; }
.mb15 { margin: 0 0 15px; }
.mb20 { margin: 0 0 20px; }
.mb35 { margin: 0 0 35px; }

/* faq */
.kanja_c { padding: 60px 90px 5px 80px; background: url(../images/common/q_cmt.gif) left top no-repeat; }
.dctr_c { padding: 60px 90px 0px 80px; background: url(../images/common/a_cmt.gif) left top no-repeat; }
.cmtbdyk { padding: 0 10px; }
.cmtbdyn { padding: 0 10px; }
.cmtbtm { padding: 0 0 10px; background: url(../images/common/cmtbtm.gif) left bottom no-repeat; margin: 0 0 20px; }

/*.underline { background: url(../images/common/underline.gif) left bottom repeat-x; }*/
.caution { text-indent: -1em; padding: 0 0 0 1em ;}
.atbox { border: 1px dashed #ffc; background: #ffc; padding: 9px; }