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

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

/* header */
#header { margin:0; padding:5px 0; position:relative; background-image:url(img/header_bg.png); background-position:left top; background-repeat:no-repeat;}

#header h1 { padding:0 10px;  height:auto; background:none; }
#header h1 a { font-size:70%; display:inline; }


/* container */
#container {}

#left { display:inline; float:left; width:655px; margin:10px 0 0 15px;}
#right { display:inline; float:right; width:200px; margin:0 10px 0 0;}

div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;} 

/* left */
#left div.article { margin:0 0 20px 0;}
#left div.article h2 {}
#left div.article h2.Nontext {}
#left div.article div.text { font-size:80%;}

#left div.type01 {}
#left div.type01 h2 {}
#left div.type01 h2.Nontext { background-position:left top; background-repeat:no-repeat; height:18px;}
#left div.type01 div.text { margin:5px 0;}
#left div.type01 div.text h3 { margin:10px 0 3px 0; background-color:#1D2934; position:relative;}
#left div.type01 div.text h3.Nontext { background-position:left top; background-repeat:no-repeat; height:18px;}
#left div.type01 div.text h3 a.more { position:absolute; left:600px; top:2px; padding:0; text-indent:0;}
#left div.type01 div.text h3 a.more img { vertical-align:middle;}

#left div.type02 {}
#left div.type02 h2 {}
#left div.type02 h2.Nontext {}
#left div.type02 div.text {}


/* right */
#right div.article {}
#right div.article h2 {}
#right div.article h2.Nontext {}
#right div.article div.text { font-size:80%;}
#right div.article .info{ font-size:80%; padding:0 5px; color:#CEA973; font-weight:bold; text-decoration:underline; }


#right div.type01 { border:#8B4371 solid 1px; margin:5px;}
#right div.type01 h2 { margin:3px 3px; font-size:90%;}
#right div.type01 h2.Nontext { background-position:left top; background-repeat:no-repeat;}
#right div.type01 div.text { margin:0 5px; font-size:70%;}
#right div.type01 div.bottomLink { margin:0; background-color:#314556; text-align:right;}
#right div.type01 div.bottomLink a {}

#right div.type02 { margin:10px;}
#right div.type02 h2 {}
#right div.type02 h2.Nontext {}
#right div.type02 div.text { text-align:right;}

#right div.typeIndexCheckin {}
#right div.typeIndexCheckin div.text h4 { margin:10px 0 0 10px; padding:0 0 0 15px; background-image:url(img/icon/square_index_checkin.png); background-position:left 50%; background-repeat:no-repeat;}

#right div.typeBestPrice { background-color:#fff; margin:5px; }
#right div.typeBestPrice div.text { padding:5px; font-size:100%; }
#right div.typeBestPrice div.text h3 { font-size:75%; color:#721A54; line-height:1.3; background:none; padding:5px 5px 0; margin:0; }
#right div.typeBestPrice div.text p  { font-size:70%; color:#000; line-height:1.6; padding:5px 5px 0; margin:0; }

#right div.type03 { border:#8C4472 solid 1px; margin:5px;}
#right div.type03 h2 { margin:3px 3px; font-size:90%;}
#right div.type03 h2.Nontext { background-position:left top; background-repeat:no-repeat;}
#right div.type03 div.text { margin:0 5px; font-size:70%;}
#right div.type03 div.bottomLink { margin:0; background-color:#314556; text-align:right;}
#right div.type03 div.bottomLink a {}



/* form area */
div.article div.text .yoyaku_box  { padding:5px; border:solid 1px #ccc; }
div.article div.text .yoyaku_box p{ margin-bottom:10px; }

div.whatsnew div.text dl :after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
div.whatsnew div.text dl  { display:inline-block;}*/
/* for macIE \*/
* html div.whatsnew div.text dl  { height:1%; }
div.whatsnew div.text dl { display:block; }
div.whatsnew div.text dl dt { width:100px; margin:0 0 10px; padding:0; float:left; }
div.whatsnew div.text dl dd { width:500px; margin:0 0 10px; padding:0; float:left; }
div.whatsnew div.text dl dd a { margin:0; padding:0; display:inline; }

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

#Page {}