@charset "utf-8";
/* CSS Document */

/*---------------------------------
		BaseCSS
---------------------------------*/

body { background-image:url(img/bg_top.jpg);}

#header #Gnavi { margin:1px 0 0 0;}

/* container */
#container { background-image:url(img/index_container_bg.jpg); background-position:right top; background-repeat:no-repeat;}

#left { display:inline; float:left; width:560px; margin:16px 0 0 0;}
#right { display:inline; float:right; width:320px; margin:; padding:0 0 140px 0; background:url(img/index_right_bg.jpg) bottom no-repeat;}

div.PageTop { clear:both; text-align:right; background-color:#FFFFFF;} 
div.PageTop a { text-align:right;} 

/* left */
#left div.article { margin:0 0 15px 0;}
#left div.article h2 {}
#left div.article h2.Nontext {}
#left div.article div.text { font-size:80%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

#left div.type01 { position:relative; height:300px;}
#left div.type01 h2 {}
#left div.type01 h2.Nontext {}
#left div.type01 div.text {}
#left div.type01 div.text img { position:absolute;}
#left div.type01 div.text img.Img01 { left:0; top:0;}
#left div.type01 div.text img.Img02 { left:280px; top:0;}
#left div.type01 div.text img.Img03 { left:0; top:150px;}
#left div.type01 div.text img.Img04 { left:280px; top:150px;}

#left div.type02 {}
#left div.type02 h2 { height:31px; background-image:url(img/left_type01_h3.jpg); background-position:left top; background-repeat:no-repeat;}
#left div.type02 h2.Nontext {}
#left div.type02 div.text {}
#left div.type02 div.text dl { margin:5px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#left div.type02 div.text dl dt { float:left; width:100px; padding:3px 0; color:#C3943B; text-indent:10px;}
#left div.type02 div.text dl dd { padding:3px 0 3px 110px; border-bottom:#CCCCCC dashed 1px;}

#left div.voice { position:relative; height:130px; background-image:url(../img/index_left_voice_bg.jpg); background-position:left top; background-repeat:no-repeat;}
#left div.voice h2 { height:55px; background-image:url(../img/index_left_voice_h2.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#left div.voice h.Nontext {}
#left div.voice div.text p { margin:0 10px; font-size:90%; clear:#330000;}
#left div.voice div.text img.btn { position:absolute; left:204px; top:90px;text-align:center;}

#left div.banner img { margin:0 0 10px 0;}



/* right */
#right div.article {}
#right div.article h2 {}
#right div.article h2.Nontext {}
#right div.article div.text { font-size:80%;}

#right div.recommend { padding:0 10px; height:155px; background-image:url(../img/index_right_recommend_bg.jpg); background-position:left top; background-repeat:no-repeat;}
#right div.recommend h3 { margin:14px 0; height:40px; background-image:url(../img/index_right_recommend_h3.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#right div.recommend h3.Nontext {}
#right div.recommend div.text {}
#right div.recommend div.text img.btn { margin:2px 4px;}
#right div.recommend div.text p { margin:0 10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:1.4;}

#right div.plan {}
#right div.plan h2 {}
#right div.plan h2.Nontext {}
#right div.plan div.text {}
#right div.plan div.text ul {}
#right div.plan div.text ul li { margin:10px; background-color:#F9F3F1;}
#right div.plan div.text ul li div.fL { width:190px; margin:5px 0 0 5px; display:inline;}
#right div.plan div.text ul li div.fL h4 { margin:0 0 10px 0;}
#right div.plan div.text ul li div.fL h4 a {}
#right div.plan div.text ul li div.fL p { font-size:80%;}
#right div.plan div.text ul li div.fR { margin:5px 5px 0 0;}
#right div.plan div.text ul li div.fR p.btn { margin:6px 0;}
#right div.plan div.text ul li div.fR {}
#right div.plan div.text ul li div.fR {}
#right div.plan div.text ul li {}
#right div.plan div.text ul li {}
#right div.plan div.text ul li {}
#right div.plan div.text ul {}

#right div.check { height:150px;}
#right div.check h3 { height:30px; background-image:url(../img/index_right_check_h3.png); background-position:center top; background-repeat:no-repeat; text-indent:-9999px;}
#right div.check h3.Nontext {}
#right div.check div.text {}
#right div.check div.text img { float:right;}
#right div.check div.text dl { margin:20px 15px; font-size:85%;}
#right div.check div.text dl dt { float:left; padding:0 0 0 15px; background-image:url(img/icon/dia01.png); background-position:left 50%; background-repeat:no-repeat;}
#right div.check div.text dl dd { padding:0 0 0 100px;}

#right div.credit {}
#right div.credit h3 { background-image:url(../img/index_right_credit_h3.png); background-position:center top; background-repeat:no-repeat; text-indent:-9999px;}
#right div.credit h3.Nontext {}
#right div.credit div.text {}


/*---------------------------------
		PageCSS
---------------------------------*/

#Page {}



/*---------------------------------
		PageCSS
---------------------------------*/

#header div#topMain { width:900px; height:250px;}

#header div#topMain #flashArea { float:left; width:580px; height:250px;}

#header div.fR div.reserve {
background-image:url("img/right_top_reserve_bg.jpg");
background-position:left top;
background-repeat:no-repeat;
padding:13px 0;
width:320px;
height:224px;
}

#header div.fR div.reserve h3 {
background-image:url("img/right_top_reserve_h3.jpg");
background-position:left top;
background-repeat:no-repeat;
width:289px;
height:23px;
margin:0 0 0 15px;
text-indent:-9999px;
}

#header div.fR div.reserve div.text {
margin:0 10px;
}

#header div.fR div.reserve div.text h4 {
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:90%;
font-weight:normal;
}

#header div.fR div.reserve div.text {
font-size:80%;
}

#header div.fR div.reserve div.text p {
margin:10px;
}