@charset "utf8";
* { margin: 0px; padding: 0px; }

html { height: 100%; overflow-y: scroll;}
body { margin: 0px; color:#FFFFFF; font-family: MS PGOTHIC,Osaka; font-size: small;line-height: 18px; background: #000000 url(img/common/bg_body.gif) repeat center top;}

a:link      { color: #900; text-decoration: underline; cursor: pointer; outline: none;}
a:visited   { color: #900; text-decoration: underline; cursor: pointer; outline: none;}
a:hover     { color: #900; text-decoration: none; cursor: pointer; outline: none;}
a:active    { text-decoration: none; cursor: pointer; outline: none;}

img  { border-style: none; vertical-align: top; }
input { vertical-align: middle; padding:5px; }
select { vertical-align: middle; padding:5px; }
.clear{ clear: both;}


.container{ background: url(img/common/bg_container.jpg) repeat-y center top; text-align:left;}
.main { width:960px; margin:0 auto; }


.targetCount{border:1px solid #825B2D; color:#825B2D; font-weight:bold; font-size:x-small; text-align:center;}
.title { font-size:medium; line-height:1.4em; font-weight:bold }
.caption { color:#333333 }
.price { color:#990000; font-weight:bold; text-align:right; }
.category img{}


/******************** TOPヘッダー *********************/
.topHeader{
	background-color:transparent;
	background:url(img/top/flashBg.jpg) no-repeat center top;
}
.topHeader .wrapper{position: relative; zoom:1; width:960px; height: 324px; margin:0 auto; overflow:hidden; background:url(img/top/flashBg2.jpg) 50% 0 no-repeat;}
.topHeader .nav{position:absolute; bottom:9px; left:125px;}
.topHeader .nav a{margin-right:5px;}

.flashBox {
	width:960px;
	margin:0 auto;
}

/******************** 奥ページヘッダー *********************/
.header{
	background-color:transparent;
	background:url(img/common/bg_header.jpg) no-repeat center top;
	height:225px;
}

.header .wrapper{ width:860px; margin:0 auto; }

.headerNavi{ text-align:center }
.headerNavi .wrapper{padding:183px 0 0 0px }
.headerNavi table{width:500px; margin:0 auto;}
.headerNavi .nav01{ margin:0 10px; }
.headerNavi .nav02{ margin:0 10px; }
.headerNavi .nav03{ margin:0 10px;}

.pankuzu { padding-left:30px }
.pankuzu a:link      { color: #FFFF55; text-decoration: underline; cursor: pointer; outline: none;}
.pankuzu a:visited   { color: #FFFF55; text-decoration: underline; cursor: pointer; outline: none;}
.pankuzu a:hover     { color: #FFFF55; text-decoration: none; cursor: pointer; outline: none;}
.pankuzu a:active    { text-decoration: none; cursor: pointer; outline: none;}



/******************** 共通ボックス *********************/
.commonMenuBox {width:820px; margin:0 auto 30px; background: url(img/top/bg_commonMenuBox.jpg) 50% 0 repeat-y;}
.commonMenuBox .wrapper{ padding:0px }

.menuBox01 {color:#333333; background: url(img/top/bg_menuBox01.jpg) repeat-y;}
.menuBox01 .wrapper{padding:0px 40px}

.menuBox01 table{}
.menuBox01 .td01{ vertical-align: top;}
.menuBox01 .td02{ padding: 0 0 0 10px }
.menuBox01 .title{font-size:medium; font-weight:bold; }
.menuBox01 .caption{padding:10px 0;}

.menuBox02{ width:345px; float:left; margin:5px;text-align:left}
.menuBox02.renai {background: url(img/top/bg_renaiMenuBox.jpg) repeat-y;}
.menuBox02.jinsei {background: url(img/top/bg_jinseiMenuBox.jpg) repeat-y;}
.menuBox02 .wrapper{ padding: 0 20px}
.menuBox02 table{}
.menuBox02 table td{height:100px;}
.menuBox02 .td01{}
.menuBox02 .td02{ padding: 0 0 0 10px }
.menuBox02 .caption{ line-height:1.6em;  height: 100px;}


.menuTitleBox {color:#333333; background: url(img/page/bg_menuTitleBox.jpg) repeat-y; width:750px; margin:10px auto;}
.menuTitleBox .wrapper{ padding:20px 40px }
.menuTitleBox table{}
.menuTitleBox .td01{}
.menuTitleBox .td02{ padding: 0 0 0 10px }
.menuTitleBox .title{font-size:medium; font-weight:bold; }
.menuTitleBox .caption{ }

.freeMenuBox { width:750px; margin:0 auto 30px; position:relative;}
.freeMenuBox .wrapper {padding: 50px 0 0 476px;}
.freeMenuBox .title { padding:15px 0;}
.freeMenuBox .caption {color:#FFFFFF; padding:5px; }
.freeMenuBox .specialBtn {position:absolute; top:406px; right:19px;}
.freeMenuBox .freeBtn {position:absolute; top:247px; right:19px;}



/**********************   TOPページ   ***********************/
.bg01 {margin:0 auto;}

.linkFreeMenu {background:url(img/top/linkFree_bg.jpg) 50% 0 no-repeat; text-align:center; padding:50px 0 0 0; height:42px;}
.linkFreeMenu a{color:#CC0000; font-weight:bold;}
.linkFreeMenu a span{color:#FF6600}


.newMenu .wrapper {padding:0 50px;}

.pickupMenuBox { margin: 0 auto 20px; width:750px; height:355px; background: url(img/top/bg_pickupMenuBox.jpg) no-repeat center top}
.pickupMenuBox .wrapper {padding:105px 70px 0; }
.pickupMenuBox a{padding:10px 0px 10px 30px; text-indent:-25px; color:#006666; font-weight:bold; background:url(img/top/pickupMarker.gif) 0% 50% no-repeat;}
.pickupMenuBox a:visited{padding:10px 0px 10px 30px; text-indent:-25px; color:#006666; font-weight:bold; background:url(img/top/pickupMarker.gif) 0% 50% no-repeat;}
.pickupMenuBox a:hover{padding:10px 0px 10px 30px; text-indent:-25px; color:#006666; font-weight:bold; background:url(img/top/pickupMarker.gif) 0% 50% no-repeat;}
.pickupMenuBox a:active{padding:10px 0px 10px 30px; text-indent:-25px; color:#006666; font-weight:bold; background:url(img/top/pickupMarker.gif) 0% 50% no-repeat;}
.pickupMenuBox .menu{margin-bottom:13px}
.pickupMenuBox .price {display:block; color:#900}


.spMenu{ background: url(img/top/bg_spMenu.jpg) no-repeat; width:820px; height:350px; margin:0 auto; text-align:center;}
.spMenu .wrapper{ padding:145px 0 0 }

.spMenu .caption {color:#FFFFFF; width:630px; margin:10px auto 0; text-align:left;}
.spMenu .price { text-align:right}

.pageNavi {}
.pageNavi .wrapper{  padding:20px 0 10px 55px;}
.pageNavi table td{ padding : 0 5px}

.menuListBox {margin:0 auto; width:800px;} 
.cg_renai {background: url("img/top/bg_menuList_renai.jpg") repeat-y scroll 0 0 transparent} 
.cg_jinsei {background: url(img/top/bg_menuList_jinsei.jpg) repeat-y scroll 0 0 transparent; margin:0 auto 20px;} 


.menuListBox .wrapper{ padding: 0 35px 0 45px }
.menuListBox .ctgText{ margin:10px 0}

.menuListBox .menuBox02 .wrapper{ padding: 0 20px}

.ruleBox {padding:30px 20px; width:726px; background: url(img/top/bg_ruleBox.jpg) repeat-y; margin:0 auto; color: #000;}
.ruleBox .wrapper{}
.ruleBox a {}


/**********************   入力ページ   ***********************/
.bg02 { background: url(img/common/bg_container03.jpg) no-repeat}



.subMenuBox {background: url(img/entry/bg_subMenuBox.jpg) repeat-y; width:800px; margin:0 auto;}


.subMenu {width:800px; background: url(img/entry/bg_subMenu.jpg) no-repeat;}
.subMenu .wrapper{padding:0 0 0 200px;}

.subMenu p{font-weight:bold; padding:10px 0 }


.formBox {background: url(img/entry/bg_formBox.jpg) repeat-y; width:800px; margin:0 auto;} 
.formBox .wrapper{ padding:10px 0 0 200px}



.entryFormBox {color:#FFFFFF; background: url(img/entry/bg_entryFormBox.jpg) repeat-y; margin:0 auto; width:745px; text-align:center} 
.entryFormBox .wrapper{} 

.btnSpace {}
.btnSpace a{display:block; margin:10px 0}

.policy {padding:5px 0; margin:20px 100px;border:1px solid #090909; background-color:#232323; text-align:center;}



/******************** 結果ページ *********************/

.myBaseBox { background: url(img/result/bg_myBaseBox.jpg) repeat-y; width:800px; margin:0 auto 10px; height:1060px; }
.myBaseBox .wrapper{ padding:20px 0 0 0 }
.myBaseBox .message{text-align:right; padding:20px 20px 70px 0}


.targetBaseBox { background: url(img/result/bg_targetBaseBox.jpg) repeat-y; width:800px; margin:0 auto 10px; height:1060px;}
.targetBaseBox .wrapper{ padding:20px 0 0 0 }
.targetBaseBox .message{text-align:left; padding:20px 0 70px 30px}


.meishoBox { background: url(img/result/bg_meishoBox.jpg) repeat-y; width:726px; margin:0 auto; color:#333}
.meishoBox .wrapper{padding:0 30px}

.myBase01{  }
.myBase01 .wrapper{ padding:0px 50px}
.myBase01 .baseFlash{ padding-left:10px; float:right}


.targetBase01 {}
.targetBase01 .wrapper{ padding:0px 50px}
.targetBase01 .baseFlash{ padding-right:10px; float:left}

.resultBox { background: url(img/result/bg_resultBox.jpg) repeat-y; width:800px; margin:0 auto;}

.box { width:720px; margin:0 auto;}
.subTitle { background: url(img/result/bg_subTitle.jpg) no-repeat; width:720px; height:60px; font-size: large; font-weight: bold;}
.subTitle .wrapper { padding:20px 50px 0}
.resultBody { padding:10px; color:#333333; line-height:1.9em; font-size: medium}

.teller01{ float:right; margin-left:10px}
.teller02{ float:left; margin-right:10px }

.sessionBox { background: url(img/result/bg_sessionBox.jpg) no-repeat; width:800px; height:600px; margin: 0 auto; color:#333; font-size:medium; line-height:1.8em}
.sessionBox .wrapper{ padding:200px 50px 20px }

.sessionBox .spacer{width:220px; height:140px; float:left}

.spSubMenuBox {background: url(img/result/bg_spSubMenuBox.jpg) repeat-y; width:720px; margin:0 auto; color:#333}
.spSubMenuBox .wrapper{padding:0 170px;}
.spSubMenuBox p{margin:5px 0 ; font-weight:bold}





/******************** フッター *********************/

.footer{ color:#000;font-size: small; width: 720px; margin: 0px auto; text-align: center; padding: 40px 0px;}
.footer a{color: #000;}
.subInfo{ padding-top: 20px;}
.footer .menu{ border-bottom: 1px solid #7C5151; padding-bottom: 20px;}

.footer .menu a:link      {text-decoration: underline; cursor: pointer; outline: none;}
.footer .menu a:visited   {text-decoration: underline; cursor: pointer; outline: none;}
.footer .menu a:hover     {text-decoration: none; cursor: pointer; outline: none;}
.footer .menu a:active    { text-decoration: none; cursor: pointer; outline: none;}


/* [99]CLEARFIX
-------------------------------------------*/
.clearfix:after {
	content:"";
	display:block;
	clear:both;

}

/* for IE6 */
* html .clearfix {
	display:inline-block;
	
}

/* for IE7 */
*+html .clearfix {
	display:inline-block;
}