/***********************************************/
/* gloval styles                              */
/***********************************************/ 

html,head,body,a,p,em,strong,ul,dl,ol,li,dl,dt,dd,sup,sub,img,title,isindex,h1,h2,h3,h4,h5,h6,hr,br,center,div,pre,blockquote,address,noscript,font,basefont,i,cite,tt,b,u,strike,big,small,code,samp,kbd,var,cite,map,area,form,input,select,option,textarea,applet,param,frameset,frame,noframes{
	margin: 0;
	padding: 0;
}



/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
    height: 100%;
	background-color: #D3D3D3;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 17px;
	color: #000000;
	text-align: center;
}

img{
	border: 0px;
}

a{
	text-decoration: underline;
	overflow: hidden; 
}



table{
	font-size: 1em;
	line-height: 17px;
}





h1,h2,h3,h4,h5,h6{
}


h1{
}


h2{
}



h3{
}


h4{
}


h5{
}


h6{
}






sup{
	vertical-align: top;
	font-size: 0.7em;
}



ul,ol,li{
	list-style-type: none;
}




ul.hd1{
	margin-left: 16px;
	margin-bottom: 20px;
}
ul.hd1 li{
	margin-bottom: 0.3em;
	list-style-type: square;
}
ul.hd1 li ul{
	margin-left: 16px;
}
ul.hd1 li ul li{
	margin-bottom: 0.3em;
	list-style-type: circle;
}
ul.hd1 li ul li ul{
	margin-left: 16px;
}
ul.hd1 li ul li ul li{
	margin-bottom: 0.3em;
	list-style-type: disc;
}

ul.hd1 li ol{
	margin-left: 16px;
}

ul.hd1 li ol li{
	margin-bottom: 0.3em;
	list-style-type: decimal;
}

ul.hd1 li ol li ul{
	margin-left: 16px;
}

ul.hd1 li ol li ul li{
	margin-bottom: 0.3em;
	list-style-type: square;
}





ol.hd1{
	margin-left: 32px;
	margin-bottom: 1em;
}

ol.hd1 li{
	margin-bottom: 0.3em;
	list-style-type: decimal;
}


ol.hd2{
	margin-left: 32px;
	margin-bottom: 1em;
}

ol.hd2 li{
	margin-bottom: 0.3em;
	list-style-type: lower-alpha;
}





p.hd1{
}

span.hd1{
}





.fl_left{
	float: left;
	clear: left;
}

.fl_right{
	float: right;
	clear: right;
}





hr {
	height: 0px;
	clear: both;
}

.hrline{
	clear: both;
	height: 4px;
	background-image: url(../common/img/ln_dot01.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.hrline hr{
	display: none;
}





.txtblack{
	color: #000000;
}

.txtred{
	color: #FF0000;
}

.txtblue{
	color: #0000FF;
}

.txtlarge1{
	font-size: 16px;
	font-weight: bold;
}

.txtlarge2{
	font-size: 18px;
}




/***********************************************/
/* old seo style                               */
/***********************************************/


td.mainspace {
	padding-top:20px;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:0px;
}
td.sidespace {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;}

img.subtitle {
	margin-top:20px;
	margin-bottom:10px;
}

table.nav {
	margin-right:20px;
}


/* お客様の声 */
.voiceimg {
	margin-bottom:20px;
}


/* キーワード予約フォーム */
.red1 {
	font-size:12px;
	color:#FF3300;
}
.red2 {
	font-size:14px;
	color:#FF3300;
}
.red3 {
	font-size:14px;
	color: #CC0000;
}
.blue1 {
	font-size:14px;
	color: #000099;
}
.ftitle {
	font-size:15px;
	color:#FFFFFF;
}

/* お申込みの流れ */
.flow_text1 {
	padding-left:20px;
}
.flow_img {
	margin-bottom:20px;
}
.flow_container {
	margin-top:30px;
	height:104px;
}
.flow_context1 {
	padding-top:25px;
}
.flow_context2 {
	padding-top:35px;
}
.flow_context3 {
	padding-top:45px;
}
.kome {
	font-size:13px;
	color: #003399;
	line-height:120%;
}

img.sc {
	margin-right:10px;
	}
h2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.pc {
	background-attachment: scroll;
	background-image: url(../img/create/pc.jpg);
	background-repeat: no-repeat;
	background-position: right 200px;
}




/***********************************************/
/* gloval layout                               */
/***********************************************/

#frame{
	clear: both;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../img/common/bodymain.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


#container{
	clear: both;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../img/common/bg_container.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
}




/***********************************************/
/* headerArea                              */
/***********************************************/

#headerArea{
	clear: both;
	background-image: url(../img/common/main.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #002D50;
}




/* ===== toplist    ===== */

#toplist{
	clear: both;
	text-align: right;
	font-size: 11px;
}

#toplist h1{
	/*text-align:left;*/
	font-size: 12px;
	float:left;color:#ffffff;
	text-indent:1em;
	font-weight:normal;
}

#toplist ul li{
	padding-left: 12px;
	margin-right: 7px;
	background-image: url(../img/common/icon_head.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline;
}
#toplist ul li.end{
	margin-right: 1px;
}

#toplist ul li a{
	text-decoration: none;
	color: #FFFFFF;
}



/* ===== id    ===== */

#id{
	clear: both;
	height: 99px;
	text-indent: -9999px;
	overflow: hidden;
}

#id a{
	height: 99px;
	text-decoration: none;
	display: block;
}

#head-banner{
	clear: both;
	height: 82px;
	padding: 6px 0 0 485px;
	text-align: center;
}

#head-banner a{
	height: 82px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}

#head-banner a.banner{
	width: 277px;
	background-image: url(../img/common/head_banner.jpg);
}
#head-banner a.banner:hover{
	background-image: url(../img/common/head_banner_on.jpg);
}


/***********************************************/
/* gnavArea                                */
/***********************************************/

#gnavArea{
	clear: both;
	height: 37px;
}

#gnavArea ul{
	clear: both;
}

#gnavArea ul li{
	float: left;
	padding-right: 1px;
	background-image: url(../img/common/bar01.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#gnavArea ul li.end{
	padding-right: 0px;
	background-image: none;
}

#gnavArea ul li a{
	height: 37px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}


#gnavArea ul li a.g01{
	width: 56px;
	background-image: url(../img/common/m-botton_off3.gif);
}
#gnavArea ul li a.g01:hover{
	background-image: url(../img/common/m-botton_on3.gif);
}
#gnavArea ul li a.g01_f2{
	width: 56px;
	background-image: url(../img/common/m-botton_on3.gif);
}

#gnavArea ul li a.g02{
	width: 99px;
	background-image: url(../img/common/m-botton_off5.gif);
}
#gnavArea ul li a.g02:hover{
	background-image: url(../img/common/m-botton_on5.gif);
}
#gnavArea ul li a.g02_f2{
	width: 99px;
	background-image: url(../img/common/m-botton_on5.gif);
}

#gnavArea ul li a.g03{
	width: 92px;
	background-image: url(../img/common/m-botton_off7.gif);
}
#gnavArea ul li a.g03:hover{
	background-image: url(../img/common/m-botton_on7.gif);
}
#gnavArea ul li a.g03_f2{
	width: 92px;
	background-image: url(../img/common/m-botton_on7.gif);
}

#gnavArea ul li a.g04{
	width: 108px;
	background-image: url(../img/common/m-botton_off9.gif);
}
#gnavArea ul li a.g04:hover{
	background-image: url(../img/common/m-botton_on9.gif);
}
#gnavArea ul li a.g04_f2{
	width: 108px;
	background-image: url(../img/common/m-botton_on9.gif);
}

#gnavArea ul li a.g05{
	width: 78px;
	background-image: url(../img/common/m-botton_off11.gif);
}
#gnavArea ul li a.g05:hover{
	background-image: url(../img/common/m-botton_on11.gif);
}
#gnavArea ul li a.g05_f2{
	width: 78px;
	background-image: url(../img/common/m-botton_on11.gif);
}

#gnavArea ul li a.g06{
	width: 103px;
	background-image: url(../img/common/m-botton_off13.gif);
}
#gnavArea ul li a.g06:hover{
	background-image: url(../img/common/m-botton_on13.gif);
}
#gnavArea ul li a.g06_f2{
	width: 103px;
	background-image: url(../img/common/m-botton_on13.gif);
}

#gnavArea ul li a.g07{
	width: 152px;
	background-image: url(../img/common/m-botton_off15.gif);
}
#gnavArea ul li a.g07:hover{
	background-image: url(../img/common/m-botton_on15.gif);
}
#gnavArea ul li a.g07_f2{
	width: 152px;
	background-image: url(../img/common/m-botton_on15.gif);
}

#gnavArea ul li a.g08{
	width: 75px;
	background-image: url(../img/common/m-botton_off17.gif);
}
#gnavArea ul li a.g08:hover{
	background-image: url(../img/common/m-botton_on17.gif);
}
#gnavArea ul li a.g08_f2{
	width: 75px;
	background-image: url(../img/common/m-botton_on17.gif);
}



/***********************************************/
/* headimg                                */
/***********************************************/

#headimg{
	clear: both;
	margin-bottom: 12px;
}



/***********************************************/
/* breadcrumbsArea                             */
/***********************************************/

#breadcrumbsArea{
	clear: both;
	padding-top: 2px;
	padding-bottom: 10px;
	font-weight: bold;
}

#breadcrumbsArea a{
	padding-right: 18px;
	margin-right: 7px;
	background-image: url(../common/img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: normal;
}




/***********************************************/
/* contentsArea                                */
/***********************************************/

/* ===== contentsArea ===== */

#contentsArea{
	clear: both;
}


#contentsArea .info{
	font-size:13px;
	margin:0 0 15px;
}

#contentsArea .info p {
	margin:5px 0;
}



/***********************************************/
/* leftArea                               */
/***********************************************/

#leftArea{
	float: left;
	clear: left;
	width: 568px;
	padding-top:20px;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:0px;
}

#leftArea p{
	margin-bottom: 18px;
}




/* ===== indentArea ===== */

.indentArea{
	clear: both;
	margin-left: 25px;
}

.indentArea_a{
	clear: both;
	margin-left: 15px;
}


/* ===== padding10 ===== */

.padding20{
	padding-top: 20px;
	padding-bottom: 20px;
}




/* ===== txtArea ===== */

.txtArea{
	clear: both;
	margin-bottom: 20px;
}

.txtArea p{
	margin-bottom: 1em;
}



/* ===== txtArea02 ===== */

.txtArea02{
	clear: both;
	margin-bottom: 20px;
    text-align: center;
}



/* ===== txtArea03 ===== */

.txtArea03{
	clear: both;
	margin-bottom: 20px;
    text-align: right;
}









/***********************************************/
/* rightArea                               */
/***********************************************/

#rightArea{
	float: right;
	clear: right;
	width: 166px;
	background-color: #D9C99F;
	text-align: center;
}



/* ===== lnavArea ===== */

#lnavArea{
	clear: both;
}

#lnavArea ul{
	clear: both;
}

#lnavArea ul li{
	clear: both;
	padding-top: 7px;
	padding-bottom: 7px;
}
#lnavArea ul li.start{
	width: 166px;
	height: 221px;
	padding-top: 0px;
}

#lnavArea ul li.start a{
	width: 166px;
	height: 221px;
	background-image: url(../img/common/side_img.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}
#lnavArea ul li.start a:hover{
	background-image: url(../img/common/side_img_on.gif);
}



/* ===== hiddenArea ===== */

.hiddenArea{
	display: none;
}



/***********************************************/
/* pagetopArea                               */
/***********************************************/

#pagetopArea{
	clear: both;
	width: 524px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

#pagetopArea-ind{
	clear: both;
	width: 750px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}



/***********************************************/
/* footerArea                                  */
/***********************************************/

#footerArea{
	clear: both;
	padding-top: 10px;
	background-image: url(../img/common/footline.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	text-align: center;
	position: relative;
}



/* ===== footid ===== */
#footid{
	clear: both;
	width: 490px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 13px;
}

#footid dl{
	clear: both;
	width: 490px;
	margin-bottom: 10px;
}

#footid dl dt{
	float: left;
	clear: left;
	width: 140px;
	text-align: right;
	vertical-align: top;
}

#footid dl dd{
	float: right;
	clear: right;
	width: 340px;
	vertical-align: top;
}

#footid dl dd a{
	color: #333333;
	text-decoration: none;
}
#footid dl dd a:hover{
	text-decoration: underline;
	color: #FF7200;
}




/* ===== footlist ===== */
#footlist{
	clear: both;
	width: 110px;
	text-align: left;
	font-size: 11px;
	position: absolute;
	right: 0;
	top: 8px;
}
#footlist ul li.indent{
	text-indent: -12px;
	padding-left: 12px;
}


/***********************************************/
/* clear fix                                */
/***********************************************/

#headerArea:after,
#headimg:after,
#toplist:after,
#contentsArea:after,
#maincontentsArea:after,
.txtArea:after,
.txtArea02:after,
.txtArea03:after,
dl.hd1:after,
#rightArea:after,
#pagetopArea:after,
#footid dl:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#headerArea,
#headimg,
#toplist,
#contentsArea,
#maincontentsArea,
.txtArea,
.txtArea02,
.txtArea03,
dl.hd1,
#rightArea,
#pagetopArea,
#footid dl{/* ===== IE hack ===== */
	display: inline-block;
}

#headerArea,
#headimg,
#toplist,
#contentsArea,
#maincontentsArea,
.txtArea,
.txtArea02,
.txtArea03,
dl.hd1,
#rightArea,
#pagetopArea
#footid dl{/* ===== Opera ===== */
	display: block;
}