@charset "utf-8";

/* ----------------------------------------
 * このスタイルは、supportersディレクトリ専用
 * ---------------------------------------- */



/* ----------------------------------------
 * SAMPLE（プロパティはこの順番で記述）
 * ---------------------------------------- */
/*
div.section_base {
	margin: 0 0 15px 0;
	padding: 8px 10px;
	border: 1px solid #f00;	    width > style > color 
	display: block;
	position: absolute;
	top :0;
	right: 0;
	bottom: 0;
	left: 0;
	float: none;
	clear: both;
	z-index: 1;
	width: 600px;
	min-width: 400px;
	max-width: 600px;
	height: 300px;
	min-height: 100px;
	max-height: 300px;
	line-height: 1.5;
	vertical-align: middle;
	overflow: auto;
	clip: auto;
	visibility: visible;
	list-style: disc outside;      type > position > image 
	color: #000;
	background: #fff url(/images/bg.png) repeat-y fixed top left;	    color > image > repeat > attachment > position 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 100%;
	line-height:1.5; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-indent: 1em;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-transform: lowercase;
	cursor: pointer;
	}
*/





/* ----------------------------------------
 * BASE
 * ---------------------------------------- */
 
#main_contents {
	padding:0 0 0 109px;


	width:731px;
	text-align:left;

}


#main_contents #cont_in {
	margin:0 0 50px 0;
	padding:0 0 0 0;
	float:right;
	width:532px;
	text-align:left;
	clear:both;

}


#left_menu {
	margin:0 0 0px 0;
	padding:0;
	float:left;
	width:172px;
	text-align:left;

}


/* TITLE */

#main_contents h2{
	margin:30px 0 0 0;
	padding:0;

}
#main_contents h3 {
	margin:0px 0 15px 0;
	padding:0;
}


/* LEFT MENU */

#main_contents #left_menu ul {
	margin:15px 0 0 0;
	padding:0;
}
#main_contents #left_menu ul li {
	margin:0 0 5px 0;
	padding:0;
	width:172px;
	height:95px;
}

#main_contents #left_menu ul li a{
	width:172px;
	height:95px;
	text-indent:-9999px;
}

#main_contents #left_menu ul li.left_menu01 a {
	display:block;
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -33px -23px;
}
#main_contents #left_menu ul li.left_menu01 a:hover {
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -229px -23px;
}
#main_contents #left_menu ul li.left_menu02 a {
	display:block;
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -33px -123px;

}
#main_contents #left_menu ul li.left_menu02 a:hover {
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -229px -123px;
}
#main_contents #left_menu ul li.left_menu03 a {
	display:block;
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -33px -224px;
}
#main_contents #left_menu ul li.left_menu03 a:hover {
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -229px -224px;
}
#main_contents #left_menu ul li.left_menu04 a {
	display:block;
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -33px -532px;
}
#main_contents #left_menu ul li.left_menu04 a:hover {
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -229px -529px;
}
#main_contents #left_menu ul li.left_menu05 a {
	display:block;
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -33px -428px;
}
#main_contents #left_menu ul li.left_menu05 a:hover {
	background:url(../../images/front/opinion_box/teaser_supporters_btn.gif) no-repeat -229px -428px;
}







/* INDEX MASSAGE LIST */


#contin_main #main_contents #cont_in div.message_list{
	margin:10px 0px 10px 11px;
	padding-bottom:10px;
	width:510px;
	line-height:130%;
	background:url(../../images/front/opinion_box/border.gif) no-repeat left bottom;
	font-size:13px;
}
#contin_main #main_contents #cont_in div.message_list ul{
	margin:0px 0px 0px 5px;
	padding-right:5px;
}


#contin_main #main_contents #cont_in div.message_list ul li.name{
	color:#F06;
}
#contin_main #main_contents #cont_in div.message_list ul li.day{
	text-align:right;
}




#contin_main #main_contents #cont_in div.page_link{
	margin:10px 0px 0px 5px;
	padding:4px;
	background:#fffaec;
	font-size:13px;
	text-align:center;
}
#contin_main #main_contents #cont_in div.page_link span.onpage{
	padding:0px 5px 0px 5px;
	color:#666;
}
#contin_main #main_contents #cont_in div.page_link a{
	padding:0px 5px 0px 5px;
	color: #fe6a13;
	text-decoration: underline;
}
#contin_main #main_contents #cont_in div.page_link a:hover{
	color: #fd2c03;
}

#contin_main #main_contents #cont_in div.page_link a.back{
	padding-right:20px;
}
#contin_main #main_contents #cont_in div.page_link a.next{
	padding-left:20px;
}






/* OPINION*/
#contin_main #main_contents #cont_in div#opinion{
	margin:80px 0px 0px 0px;

}

#contin_main #main_contents #cont_in div#opinion h4{
	margin:10px 0px 0px 0px;
	display: block;
	width:532px;
	height:78px;
	overflow: hidden;
	background: url(../../images/front/opinion_box/img_01.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}



/* ATTENTION */

div#opinion div#form_box div.attention {
	margin:0 0 0 0;　/* totop用に修正20091107阿部*/
	padding:0;
	clear:both;
	text-align:left;
}
div#opinion div#form_box div.attention ul{
	padding:0 !important;
	margin:0 !important;
}
div#opinion div#form_box div.attention ul li{
	margin:0;
	padding:0 0 8px 0;
	width:512px;
	text-indent:-1.0em;
	margin:0 0 0 1.0em;

}
/* ATTENTIONで使用する必須の※　20091107追加　阿部*/
div#opinion div#form_box div.attention .hisuu_red02 {
	color:#f00;
	margin:0 5px 0 5px;
	font-size:90%;
}

/* EXPLANATION */

ul.explanation {
	margin:0 0 15px 10px;
	padding:0;
	width:517px;
}
ul.explanation li {
	margin:0 0 8px 0;
	padding:0;
}
ul.explanation li.right {
	margin:0 0 8px 0;
	padding:0;
	text-align:right;
}
ul.explanation li.end {
	margin:0 0 0 0;
	padding:0;
}
ul.explanation li span {
	color:#f00;
}

div#contin_main div#main_contents div.form_box {
	margin: 0px 10px 0px 10px;
}



/* form*/
#contin_main #main_contents #cont_in div#opinion div#form_box {
	/*margin:20px 10px 0px 10px;*/
	margin:0px;

}

#contin_main #main_contents #cont_in div#opinion div#form_box ul.form01 {
	margin:0;
	padding:0;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:100%;
	background:url(../../images/teaser/form/form_bg01.gif) repeat-y;


}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form02 {
	margin:0;
	padding:0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:100%;
	background:url(../../images/teaser/form/form_bg01.gif) repeat-y;
}

#contin_main #main_contents #cont_in div#opinion div#form_box ul.form01 li {
	border-bottom:solid 1px #ccc;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form02 li {
	border-bottom:solid 1px #ccc;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form01 li li {
	border:none;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form02 li li {
	border:none;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form01 dl{
	/margin:-15px 0 0 0;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form02 dl{
	/margin:-15px 0 0 0;
}

#contin_main #main_contents #cont_in div#opinion div#form_box ul.form01 dl dt {
	margin:0;
	padding:8px 5px 5px 5px;
	float:left;
	clear:both;
	width:190px;

}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form02 dl dt{
	margin:0;
	padding:8px 5px 5px 5px;
	float:left;
	clear:both;
	width:190px;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form02 dl dt div.mailaddress{
	/height:70px;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form01 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form02 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
#contin_main #main_contents #cont_in div#opinion div#form_box ul.form02 li dl dd ul li.back p{
	margin-top:8px;
	line-height:150%;

}


#contin_main #main_contents #cont_in div#opinion div#form_box div.form_public{
	margin:20px 0 0 80px;
	line-height:150%;

}
#contin_main #main_contents #cont_in div#opinion div#form_box div.form_public ul li{
	margin-bottom:6px;

}
#contin_main #main_contents #cont_in div#opinion div#form_box div.form_public ul li input{
	vertical-align: middle;

}
#contin_main #main_contents #cont_in div#opinion div#form_box div.form_public ul li span{
	padding-left:20px;
	color:#cc0000;
	font-size:11px;
}



/* 2カラムで、確認ボタンひとつの時 */
.form_btn_in ul.form_button01_625{
	margin:20px 0 30px 0;
	padding-left:174px;
	float:left;

}
/*入力内容を確認するボタン*/
input.entry_check_btn{
	background:url(../../images/form/entry_check_btn.gif) no-repeat 0 0;
	width:184px;
	height:36px;
	border:0;
	cursor:pointer;
}

/* 2カラムで、 作成ボタンと戻るボタンの時 */
.form_btn_in ul.form_button02_625{
	margin:20px 0 0 100px;
	width:455px;
	padding:0;
}
.form_btn_in ul.form_button02_625 li{
	margin:0;
	display:inline;
	width:180px;
	padding:15px;
}

/*上記内容に変更するボタン*/
input.form_btns_18{
	background:url(../../images/form/form_btns_18.gif) no-repeat 0 0;
	width:148px;
	height:36px;
	border:0;
	cursor:pointer;
}
input.form_btns_18:hover{
	background:url(../../images/form/form_btns_18_02.gif) no-repeat 0 0;
}
/*戻って修正するボタン*/
input.back_btn{
	background:url(../../images/form/back_btn.gif) no-repeat 0 0;
	width:113px;
	height:36px;
	border:0;
	cursor:pointer;
}
input.back_btn:hover{
	background:url(../../images/form/back_btn_02.gif) no-repeat 0 0;
}



/* 必須の※ */
.hisuu_red {
	margin-left:5px;
	color:#f00;
	font-size:90%;
}






/* OUEN LINK BANNER*/
#contin_main #main_contents #cont_in div#link_banner_list{
	margin:80px 0px 0px 0px;

}

#contin_main #main_contents #cont_in div#link_banner_list h4{
	margin:10px 0px 0px 0px;
	display: block;
	width:532px;
	height:46px;
	overflow: hidden;
	background: url(../../images/front/opinion_box/img_02.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}


#contin_main #main_contents #cont_in div#link_banner_list p{
	margin:15px;

}

#contin_main #main_contents #cont_in div#link_banner_list div.link_banner_list_box ul{
	margin-left:30px;
	padding:0px 0px 25px 0px;


}


#contin_main #main_contents #cont_in div#link_banner_list div.link_banner_list_box ul li{
	margin:0px 0px 5px 0px;
	padding:0;


}


#contin_main #main_contents #cont_in div#link_banner_list div.link_banner_list_box ul li textarea{
	margin:0px;
	padding:0;
	width:450px;
	background-color: #ffffff;
}

#contin_main #main_contents #cont_in div#link_banner_list div.link_banner_list_box ul li textarea{
	/margin:0px 0px 0px -13px;
}
#contin_main #main_contents #cont_in div#link_banner_list div.link_banner_list_box ul li.banner_size{

	width:100%;
	background-color:#fe9305;
}
#contin_main #main_contents #cont_in div#link_banner_list div.link_banner_list_box ul li span{
	padding:5px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	
}


/* 02確認画面*/

#contin_main #main_contents #cont_in div#opinion_check{
	padding:8px 0px 0px 0px;
	width:532px;
}
#contin_main #main_contents #cont_in div#opinion_check p{
	margin:15px 0px 0px 10px;
}

#contin_main #main_contents #cont_in div#opinion_check div#form_check {
	float:left;
	padding:15px 10px 20px 10px;

	width:512px;
}


	/* form内ULリストの指定 */
#contin_main #main_contents #cont_in div#opinion_check div#form_check ul{
	margin:0;
	padding:0;
	width:100%;
	background:url(../../images/front/opinion_box/form_bg01.gif) repeat-y;
	float:left;
}
#contin_main #main_contents #cont_in div#opinion_check div#form_check ul.form01 {
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
#contin_main #main_contents #cont_in div#opinion_check div#form_check ul.form02 {
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	overflow: hidden;
}
#contin_main #main_contents #cont_in div#opinion_check div#form_check ul.form03 {
	margin-bottom:20px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	overflow: hidden;
}




#contin_main #main_contents #cont_in div#opinion_check div#form_check ul li {
	border-bottom:solid 1px #ccc;
	width:512px;
	float:left;
}


#contin_main #main_contents #cont_in div#opinion_check div#form_check ul li li {
	border:none;
}


	/* form内dlリストの指定 */
#contin_main #main_contents #cont_in div#opinion_check div#form_check ul dl{
	width:512px;
	float:left;
}


	/* form内dtの指定 */
#contin_main #main_contents #cont_in div#opinion_check div#form_check ul dl dt {
	float:left;
	margin:0;
	padding:5px;
	width:185px;
}



#contin_main #main_contents #cont_in div#opinion_check div#form_check ul.form02 dl dt div.mailaddress{
	/height:70px;
}


#contin_main #main_contents #cont_in div#opinion_check div#form_check ul dl dd {
	margin:0 0 0 195px;
	padding:5px;
}




#contin_main #main_contents #cont_in div#opinion_check div#form_check div.form_public{
	margin:20px 0 0 80px;
	line-height:150%;

}
#contin_main #main_contents #cont_in div#opinion_check div#form_check div.form_public ul li{
	margin-bottom:6px;

}
#contin_main #main_contents #cont_in div#opinion_check div#form_check div.form_public ul li input{
	vertical-align: middle;

}
#contin_main #main_contents #cont_in div#opinion_check div#form_check div.form_public ul li span{
	padding-left:20px;
	color:#cc0000;
	font-size:11px;
}



/* BUTTOM */

.form_ul02 {
	margin:0 0 0 120px;
	padding:0;
}
.form_ul02 li {
	float:left;
	width:120px;
	margin:40px 0 30px 0;
	padding:0;
}

/* ATTENTION */

div.attention p {
	margin:0 0 0 10px;
	padding:0;
}




/* TOPへ戻る */

.form_ul03 {
	margin:70px 0 0 0; 
	padding:0;
}
.form_ul03 p {
	text-align:center;
	margin:0 0 50px 0;
	padding:0;
}












/* clearfix*/

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/