@charset"shift_jis";

div#content {
	width:920px;
	height:auto;
	background: url(../img/contents_bg01.gif) repeat-y;
	overflow: hidden;
}
div#content:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

div.content-inner{
	width: 630px;
	margin:0 0 0 20px;
	padding: 0 0 20px 0;
	background-color: #FFFFFF;
}

div.content-inner img.title{
	margin: 12px 0 12px 10px;
}

/*----------------------------------------*/
#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;
}

/*-----------------------------------------
index
-----------------------------------------*/
#box1 {
	margin:0 0 0 20px;
	width: 632px;
	height: auto;
	background: url(../img/box01.gif) repeat-y;
}
.textBox1 {
	float: left;
	width: 290px;
	height: auto;
	padding: 10px;
}
.textBox2 {
	float: right;
	width: 290px;
	height: auto;
	padding: 10px;
}
.textBox1b {
	float: left;
	width: 290px;
	height: auto;
	padding: 0 10px 0 10px;
}
.textBox2b {
	float: right;
	width: 290px;
	height: auto;
	padding: 0 10px 0 10px;
}
.textBox1c {
	float: left;
	width: 310px;
	height: auto;
	padding: 0;
	background-color:#e4757d;
}
.textBox3 {
	float: left;
	width: 90px;
	height: auto;
}
.textBox4 {
	float: right;
	width: 190px;
	height: auto;
}

.btnArea{
	text-align: center;
}

.btnArea img.btn01{
	margin: 0 0 50px 0;
}

.btnArea img.btn02{
	margin: 0 0 8px 0;
}

.btnArea img.btn_download{
	margin: 0 0 13px 0;
}


/*----------------------------------------*/
#box2 {
	margin:10px 0 0 20px;
	padding: 37px 150px 0 32px;
	width: 450px;
	height: 63px;
	background: url(../img/box02.gif) no-repeat;
}

/*----------------------------------------*/
#box3 {
	margin:10px 0 0 20px;
	padding: 10px 0 0 0;
	width: 632px;
	clear: both;
	/*height: 35px;*/
	/*background-color:#ffc3c0;*/
}

#box3 img{
	margin: 0 0 10px 0;
}

/*-----------------------------------------
entry
-----------------------------------------*/
/* topImg */

img.application{
	margin: 0 0 55px 20px;
	position: relative;
}

img.btn04{
	position: absolute;
	/*top: 362px;*/
	top: 389px;
	left: 372px;
}

img.btn_rule{
	position: absolute;
	/*top: 450px;*/
	top: 477px;
	left: 374px;
}

img.btn_home{
	position: absolute;
	/*top: 450px;*/
	top: 477px;
	left: 513px;
}

/* entry */

div.entry{
	width: 632px;
	margin: 0 0 20px 20px;
	padding: 0;
	position: relative;
}

/* entryTitle */
div.typeA h2{
	margin: 0;
	padding: 8px 0 8px 70px;
	color: #A40035;
	font-weight: bold;
	font-size:130%;
	border-bottom: 14px solid #F794A8;
	background: #FFFFFF url(../img/icon_title.gif) no-repeat 8px 10px;
}

div.typeB h2{
	margin: 0;
	padding: 8px 0 8px 70px;
	color: #A40035;
	font-weight: bold;
	font-size:130%;
	border-bottom: 14px solid #F7A194;
	background: #FFFFFF url(../img/icon_title.gif) no-repeat 8px 10px;
}

/* entry */
div.entrybody{
	width: 612px;
	margin: 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: 312px;
	margin: 0;
	padding: 0;
	float: right;
}

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

div.entrybody div.bodyInner_R h3 span{
	width:36px;
	height:10px;
	display:block;
	padding: 0 0 0 40px;
	background: url(../img/title_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:161px;
	height:81px;
	background:url(../img/btn_back01.jpg);
	background-position:0px 0px;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}

/* add */
div.typeA div.add{
	padding: 5px 10px 5px 0;
	color: #FFFFFF;
	text-align: right;
	background-color: #F794A8;
}

div.typeB div.add{
	padding: 5px 10px 5px 0;
	color: #FFFFFF;
	text-align: right;
	background-color: #F7A194;
}

/* LinkArea */
div.LinkArea{
	width: 632px;
	margin: 0 0 0 20px;
	padding: 0;
	color: #FFFFFF;
	clear: both;
}

div.LinkArea img{
	padding: 0 0 5px 0;
	vertical-align: middle;
}

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

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


/*-----------------------------------------
inquiry
-----------------------------------------*/
div.inquiry-box1 {
	width: 610px;
	height: auto;
	margin: 0 0 25px 0;
	padding: 20px 0 20px 20px;
	background-color: #fff4f4;
}

div.inquiry-box1 .btn {
	margin: 20px 0 0 0;
}

/*-----------------------------------------
rule
-----------------------------------------*/
div.rule{
	width: 610px;
	height: 224px;
	margin: 0 0 25px 0;
	padding: 10px;
	background-color: #B77384;
	color: #FFFFFF;
	overflow: auto;
}

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

div.rule a{
	color: #FFcc00;
	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.flow-box1 {
	width: 600px;
	height: auto;
	padding: 0 0 0 30px;
	background-color: #fff4f4;
	line-height:1.2em;
	text-align: center;
}

div.flow-box1-left {
	float: left;
	width: 270px;
	height: auto;
}

div.flow-box1-right {
	float: right;
	width: 299px;
	height: auto;
	padding: 0 30px 20px 0;
}

div.flow-box2 {
	width: 630px;
	height: auto;
	line-height:1.2em;
	text-align: center;
	background: url(../img/flow_15.gif) repeat-y;
}

div.flow-box2-left {
	float: left;
	width: 270px;
	height: auto;
	padding: 0 0 0 30px;
}

div.flow-box2-center {
	float: left;
	width: 32px;
	height: auto;
}

div.flow-box2-right {
	float: right;
	width: 298px;
	height: auto;
	padding: 0 0 20px 0;
}


div.flow-box3 {
	width: 600px;
	height: 120px;
	padding: 0 0 0 30px;
	background-color: #fff4f4;
	line-height:1.2em;
}

div.flow-box3-text {
	width: 510px;
	height: auto;
	padding: 0 0 0 55px;
}

div.flow-box4 {
	width: 600px;
	height: auto;
	padding: 30px 0 10px 0;
	text-align: center;
}


div.flow-box4 img {
	padding: 5px 0 0 0;
}

img.flow-arrow {
	padding: 0 0 0 10px;
}

/*-----------------------------------------
form
-----------------------------------------*/
div.form{
	width: 626px;
	margin: 0 auto 20px auto;
	padding: 10px 0;
}

div.form dl{
	width: 580px;
	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: #BC446B;
}

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:32px;
	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: 32px;
	background: url(../img/navi.jpg) no-repeat;
}

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

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

div#contentsNavi ul li a.naviBT02{width: 91px; background-position:-76px 0;}
div#contentsNavi ul li a:hover.naviBT02{background-position:-76px -32px;}

div#contentsNavi ul li a.naviBT03{width: 107px; background-position:-167px 0;}
div#contentsNavi ul li a:hover.naviBT03{background-position:-167px -32px;}

div#contentsNavi ul li a.naviBT04{width: 70px; background-position:-274px 0;}
div#contentsNavi ul li a:hover.naviBT04{background-position:-274px -32px;}

div#contentsNavi ul li a.naviBT05{width: 90px; background-position:-344px 0;}
div#contentsNavi ul li a:hover.naviBT05{background-position:-344px -32px;}




/* -----------------------------------------------
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;}