@charset"shift_jis";

div#content {
	width:920px;
	height:auto;
	overflow: hidden;
}

div#content:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

div.content-inner{
	width: 860px;
	margin:0 auto;
	padding: 0;
}

/*----------------------------------------*/
#mainArea {
	position: relative;
	margin:0 0 20px 0;
}

/*----------------------------------------*/
#rightBox {
	position: absolute;
	top: 372px;
	left: 685px;
	width: 202px;
	height: auto;
}
#contentsBox {
	width: 202px;
	height: auto;
	padding: 10px 0px;
	background-color:#ffdbd9;
}
#contentsBox img {
	margin:0 0 8px 13px;
}

img.mainTtl{
	margin: 0 0 30px 0;
}

/*----------------------------------------*/
div.btnOuboArea{
	margin: 0;
	padding: 0;
	text-align: center;
}

div.btnOuboArea h5.ouboTtl{margin: 0 0 26px 0;}

div.btnOuboArea img{
	vertical-align: top;
}

div.btnOuboArea img.btnOubo01{
	margin: 0 32px 22px 0;
}

/*----------------------------------------*/
div.mobileArea{
	width: 800px;
	margin: 30px auto 0 auto;
	padding: 16px;
	background: #eeeeee;
}

div.mobileArea img{
	vertical-align: top;
	margin: 0 20px 0 0;
}

/*-----------------------------------------
index
-----------------------------------------*/
img.txtSp{
	margin: 20px 0 20px 8px;
}

h2.topTtl01{margin: 0 0 17px 0;}
h3.topTtl02{margin: 27px 0 17px 0;}
h4.topTtl03{margin: 10px 0 37px 0;}
h5.topTtl04{margin: -27px 0 26px 0;}

img.imgPre01{
	margin: 0 10px 0 30px;
}
img.imgPre02{
	margin: 0 10px 0 0;
}

div.topFlow{
	width: 746px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

div.topFlow img{
	vertical-align: top;
	margin: 0 0 20px 0;
}

div.topFlow img.btnFlow{
	margin: 0;
}

div.kanrenLink{
	width: 880px;
	margin:38px auto 0 auto;
	padding: 0;
	text-align: center;
}

div.kanrenLink h6{
	margin:0 0 10px 0;
	padding: 0;
}

div.kanrenLink img.linkBnr{
	margin:0 5px 0 0;
	padding: 0;
}


/*-----------------------------------------
kekka
-----------------------------------------*/
div.kekkaSummary{
	position: relative;
}
img.kekkaTxtSp{
	margin: 30px 0 20px 0;
}
div.kekkaSummary p{
	position: absolute;
	top: 130px;
	left: 220px;
}
div.kekkaDD01{
	float: left;
	width: 360px;
	padding: 0 0 20px 40px;
}
div.kekkaDD02{
	float: right;
	width: 360px;
	padding: 0 40px 20px 0;
}
img.kekkaDD03{
	margin: 20px 0 0 30px;
}
img.kekkaDD04{
	margin: 20px 0 0 25px;
}
img.kekkaDD05{
	margin: 30px 0 0 30px;
}
img.kekkaDD06{
	margin: 30px 0 0 25px;
}
h3.kekkaEnd{
	margin: 30px 0 25px 0;
}




/*-----------------------------------------
inquiry
-----------------------------------------*/
div.inqiryArea{
	width: 824px;
	margin: 0 auto 30px auto;
	padding: 18px;
	background: #eeeeee;
}

div.inqiryArea h2.inquiryTtl01{margin: 0 0 10px 0;}
div.inqiryArea p{margin: 0 0 15px 0;}


/*-----------------------------------------
entry
-----------------------------------------*/
div.entry{
	width: 860x;
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
}

/* entryTitle */
div.entry h2{
	margin: 0 0 10px 0;
	padding: 9px 0 25px 70px;
	color: #3e3331;
	font-weight: bold;
	font-size:130%;
	background: #FFFFFF url(../img/list_bg_ttl.gif) no-repeat;
}

/* entry */
div.entrybody{
	width: 825px;
	margin: 0 auto 20px 0;
	padding: 10px;
	color: #5B493D;
	background-color: #FFFFFF;
	position: relative;
}

div.entrybody img{
	margin: 0;
	padding: 0;
	float: left;
}

div.entrybody div.bodyInner_R{
	width: 520px;
	margin: 0;
	padding: 0;
	float: right;
}

div.entrybody div.bodyInner_R h3{
	margin: 0 0 15px 0;
	padding: 0 0 9px 0;
	font-size: 100%;
	background: url(../img/dot.gif) repeat-x bottom;
	clear: both;
}

div.entrybody div.bodyInner_R h3 span{
	width:56px;
	height:13px;
	display:block;
	padding: 0 0 0 40px;
	background: url(../img/list_sttl_comment.gif) no-repeat 0 0;
}

div.entrybody div.bodyInner_R p{
	clear: both;
}

div.entrybody div.bodyInner_R p.vote{
	margin-top:15px;
	font-size:110%;
	color: #A40035;
	font-weight: bold;
	text-align: right;
	clear: both;
	/*position: absolute;*/
	/*bottom: 0;*/
	/*right: 8px;*/
}

div.entrybody div.bodyInner_R p.vote img{
	float: none;
	padding: 0 0 0 12px;
	vertical-align: middle;
}

input.btn_back{
	border:0;
	width:278px;
	height:68px;
	margin: 0;
	margin-top:-3px;
	padding: 0;
	background:#FF0000 url(../img/entry_btn_syusei.jpg);
	background-position:0px 2px;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:top;
}

/* add */
div.add{
	padding: 5px 14px 10px 0;
	color: #3e3331;
	text-align: right;
	background:url(../img/list_bg_data.gif) no-repeat;
}

/* LinkArea */
div.LinkArea{
	position: relative;
	width: 860px;
	height:30px;
	margin: 0 auto;
	padding: 0;
	color: #3e3331;
	clear: both;
	text-align: center;
	line-height:2.5em;
}

div.LinkArea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div.LinkArea a{color:#3e3331;text-decoration:underline;}
div.LinkArea a:link{color:#3e3331;text-decoration:underline;}
div.LinkArea a:visited{color:#3e3331;text-decoration:underline;}
div.LinkArea a:active{color:#3e3331;text-decoration:underline;}
div.LinkArea a:hover{color:#3e3331;text-decoration:none;}

div.LinkArea img.listBtn01{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 124px;
	height: 30px;
}

div.LinkArea img.listBtn02{
	position: absolute;
	top: 0px;
	left: 736px;
	width: 124px;
	height: 30px;
}

div#voteBox {
	margin: 10px 0 0 16px;
}


/*-----------------------------------------
rule
-----------------------------------------*/
div.rule{
	width: 840px;
	height: 500px;
	margin: 10px 0 30px 0;
	padding: 10px;
	background-color: #eeeeee;
	color: #443a38;
	overflow: auto;
}

div.rule .red{
	color: #FFcc00;
}

div.rule a{
	color: #00a8ff;
	text-decoration: underline;
}

div.rule p{
	margin: 0 0 20px 0;
	padding: 0;
}

div.rule h3{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}

div.rule ol{
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	_padding: 0 0 0 25px;
}

div.rule ul{
	margin: 0 0 20px 0;
	padding: 0 0 0 13px;
	_padding: 0 0 0 17px;
}

div.ruleBtn{
	text-align: center;
}

div.ruleBtn img.ruleBtnL{
	margin: 0 24px 0 0;
}

div.rule02{
	width: 610px;
	height: 450px;
	margin: 0;
	padding: 10px;
	background-color: #B77384;
	color: #FFFFFF;
	overflow: auto;
}

div.rule02 .red{
	color: #FFcc00;
}

div.rule02 a{
	color: #FFcc00;
	text-decoration: underline;
}

div.rule02 p{
	margin: 0 0 20px 0;
	padding: 0;
}

div.rule02 h3{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}

div.rule02 ol{
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	_padding: 0 0 0 25px;
}

div.rule02 ul{
	margin: 0 0 20px 0;
	padding: 0 0 0 13px;
	_padding: 0 0 0 17px;
}

/*-----------------------------------------
flow
-----------------------------------------*/
div.flowArea01{
	width: 860px;
	margin: 0 0 30px 0;
	padding: 0;
	line-height:1.2em;
	background:url(../img/flow_bg_01.gif) repeat-y;
}

div.flowArea01:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

div.flowInnerL{
	width: 350px;
	margin: 0;
	padding: 10px 0 20px 10px;
	text-align: center;
	float: left;
}

div.flowInnerL p{
	width: 340px;
	margin: 0 0 0 20px;
	letter-spacing: -1px;
}

div.flowInnerL img{margin: 0 0 10px 0;}

div.flowInnerR{
	width: 360px;
	margin: 0;
	padding: 10px 20px 20px 0;
	text-align: center;
	float: right;
}

div.flowInnerR p{
	width: 340px;
	margin: 0 0 0 20px;
	letter-spacing: -1px;
}

div.flowInnerR p span{
	color: #9b0000;
}

div.flowInnerR img{margin: 0 0 10px 0;}

div.flowArea01 img.arrow01{
	padding: 130px 0 0 60px;
	_padding: 130px 0 0 50px;
	float:left;
}

img.arrow02{
	padding: 0 0 20px 632px;
}

img.arrow03{
	padding: 0 0 20px 170px;
}


div.flowArea02{
	width: 820px;
	margin: 0 0 30px 0;
	padding: 10px 30px 20px 10px;
	line-height:1.2em;
	background:#eeeeee;
}

div.flowArea02:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

div.flowArea02 img.imgFlow01{
	float: left;
}

div.flowInnerR02{
	width: 430px;
	margin: 0;
	padding: 0;
	float: right;
}

div.flowInnerR02 p.txt_kanryou{
	margin: 20px 0 15px 0;
}

div.flowInnerR02 p.txt_kanryou img{
	margin: 0 0 5px 0;
}

div.flowInner_last{
	width: 390px;
	margin: 0;
	padding: 20px 20px 5px 20px;
	line-height:1.4em;
	background:#ffffff;
}

div.flowInner_last p{
	margin: 0 0 20px 0;
	letter-spacing: -1px;
}

div.flowInner_last p img{
	margin: 0 0 5px 0;
}

div.flowLast{
	text-align: center;
}

div.flowLast img{margin: 0 0 15px 0;}

/*-----------------------------------------
form
-----------------------------------------*/
div.form{
	width: 860px;
	margin: 30px auto 0 auto;
	padding: 0;
}

div.form dl{
	width: 860px;
	margin: 0 auto 23px auto;
	padding: 0;
	color: #000000;
}

div.form dl dt{
	margin: 0 0 10px 0;
}

div.form dl dt span{
	font-weight: bold;
	color: #999999;
}

div.form dl dd input.text{
	width: 500px;
}

div.form dl dd input.btn_choice{
	padding: 0 0 4px 9px;
	_padding: 0 0 5px 9px;
	vertical-align: middle;
}

div.form dl dd textarea.textarea{
	width: 500px;
	font-size:100%;
}

div.form p.attention{
	width: 530px;
	margin: 0 auto 15px auto;
	padding: 7px 10px;
	color: #E70012;
	border: 1px solid #E70012;
}

div.form p.alert{
	width: 530px;
	margin: 2px 0;
	padding: 3px 5px;
	background-color: #E70012;
	color:#FFF;
}


/*----------------------------------------*/
/* header */
/*----------------------------------------*/


 /* --------- global site link --------- */
#global-site-link{
	width:63px;
	background:url(../../img_lib/global-link.gif) 0 0;
}
#global-site-link a:hover{
	width:63px;
	background:url(../../img_lib/global-link.gif) 0 -15px;
}
#global-site-linkOn{
	width:63px;
	background:url(../../img_lib/global-link.gif) 0 -30px;
}
/* --------- region site link --------- */
#region-site-link{
	width:66px;
	background:url(../../img_lib/region_site_link.gif) 0 0;
}
#region-site-link a:hover{
	width:66px;
	background:url(../../img_lib/region_site_link.gif) 0 -15px;
}
#region-site-linkOn{
	width:66px;
	background:url(../../img_lib/region_site_link.gif) 0 -30px;
}
/* --------- language-select --------- */
#language-select{
	width:102px;
	background:url(../../img_lib/language_select_bg.gif) 0 0;
}
#language-select-menu{
	width:91px;
	background:url(../../img_lib/language_select.gif) 0 0;
}
#language-select-menu a:hover{
	width:91px;
	background:url(../../img_lib/language_select.gif) 0 -15px;
}
#language-select-menuOn{
	width:91px;
	background:url(../../img_lib/language_select.gif) 0 -30px;
}
/* --------- local site id --------- */
#local-site-id{
	width:920px;
	height:22px;
	text-align:right;
	padding:0;
}
#local-site-id h2 {
	padding:0 20px;
	font-size:0px;
}
.center { text-align: center; }

div#compMsg
{
	width:578px;
	background-color:#FFF;
	margin:10px 20px;
	padding:20px 25px;
	border:solid 2px #CCC;
}

div#compMsg p.mainMsg
{
	width:96%;
	font-size: 12px;
	font-weight:bold;
	margin: 0 0 15px;
	padding: 12px 10px;
	background: #E7DBFF;
	border: 1px solid #C7B7E7;
	color:#00C;
}

p.voteComp
{
	width:288px;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	margin: 15px 0 15px;
	padding: 12px 10px;
	background: #E7DBFF;
	border: 1px solid #C7B7E7;
	color:#00C;
}

/* --------- contentsNavi --------- */
div#contentsNavi
{
	width:920px;
	height:48px;
	background:url(../img/navi.jpg) no-repeat;
}

div#contentsNavi ul
{
	width:920px;
	margin: 0 auto;
	padding: 0;
	list-style:none;
}

div#contentsNavi ul li
{

	float:left;
	height: 48px;
	background: url(../img/navi.jpg) no-repeat;
}

div#contentsNavi ul li a
{
	display:block;height: 48px;
	text-decoration: none;
	text-indent:-9999px;
	background: url(../img/navi2.jpg) 0 0 no-repeat;
}

div#contentsNavi ul li a.naviBT01{width: 170px; background-position:0 0;}
div#contentsNavi ul li a:hover.naviBT01{background-position:0 -48px;}

div#contentsNavi ul li a.naviBT02{width: 150px; background-position:-170px 0;}
div#contentsNavi ul li a:hover.naviBT02,
body.homeP div#contentsNavi ul li a.naviBT02{background-position:-170px -48px;}

div#contentsNavi ul li a.naviBT03{width: 150px; background-position:-320px 0;}
div#contentsNavi ul li a:hover.naviBT03,
body.listP div#contentsNavi ul li a.naviBT03{background-position:-320px -48px;}

div#contentsNavi ul li a.naviBT04{width: 150px; background-position:-470px 0;}
div#contentsNavi ul li a:hover.naviBT04,
body.flowP div#contentsNavi ul li a.naviBT04{background-position:-470px -48px;}

div#contentsNavi ul li a.naviBT05{width: 150px; background-position:-620px 0;}
div#contentsNavi ul li a:hover.naviBT05,
body.kiyakuP div#contentsNavi ul li a.naviBT05{background-position:-620px -48px;}

div#contentsNavi ul li a.naviBT06{width: 150px; background-position:-770px 0;}
div#contentsNavi ul li a:hover.naviBT06,
body.inquiryP div#contentsNavi ul li a.naviBT06{background-position:-770px -48px;}


/* -----------------------------------------------
layout
----------------------------------------------- */
.red { color:#cc3333; }
.blue { color:#6677aa; }
.orange { color: #f18f46; }
.yellow { color: #fff2b7; }
.white { color: #ffffff; }
.black { color: #59493f; }

.small { font-size: 80%; }
.bold { font-weight:bold; }

.fSize08 { font-size: 0.8em; }
.fSize10 { font-size: 1.0em; }
.fSize12 { font-size: 1.2em; }
.fSize14 { font-size: 1.4em; }
.lSize11 { line-height: 1.2em; }
.lSize12 { line-height: 1.2em; }
.lSize13 { line-height: 1.3em; }
.lSize14 { line-height: 1.4em; }
.lSize15 { line-height: 1.5em; }

.floatLeft { float: left; }
.floatRight { float: right; }
.center { text-align: center; }
.right { text-align: right; }

sup { margin-top:2px; }

div.clearBoth{
	clear:both;
}

p.desc{min-height:120px;}


/* -----------------------------------------------
footer
----------------------------------------------- */
#footer-area h2{
	margin-bottom:8px;
}
#footer-navigation{
	width:317px;
}
#footer-navigation ul{
	width:317px;
	height:15px;
	margin:0;
	padding:0;
	list-style:none;
	background:url(../img/footer_navi.gif) no-repeat;
}
#footer-navigation li{
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0px;
	float:left;
}
#footer-navigation li a{
	display:block;
	height:15px;
	text-decoration:none;
}
/*----------------------------------------*/
#footer-navigation01{
	width:92px;
}

#footer-navigation01 a:hover{
	width:92px;
	background: url(../img/footer_navi.gif) 0 -15px;
}

#footer-navigation01.on,#footer-navigation01.on a:hover{
	width:92px;
	background: url(../img/footer_navi.gif) 0 -30px;
}
/*----------------------------------------*/
#footer-navigation02{
	width:120px;
}

#footer-navigation02 a:hover{
	width:120px;
	background: url(../img/footer_navi.gif) -92px -15px;
}

#footer-navigation02.on,#footer-navigation02.on a:hover{
	width:120px;
	background: url(../img/footer_navi.gif) -92px -30px;
}
/*----------------------------------------*/
#footer-navigation03{
	width:105px;
}

#footer-navigation03 a:hover{
	width:105px;
	background: url(../img/footer_navi.gif) -212px -15px;
}

#footer-navigation03.on,#footer-navigation03.on a:hover{
	width:105px;
	background: url(../img/footer_navi.gif) -212px -30px;
}