@charset "shift_jis";

/* basic elements */

* {
	margin: 0;
	padding: 0;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN","Osaka",verdana,helvetica,arial, sans-serif;
}

body {
	font-size: 12px;
	line-height: 160%;
	color: #333333;
	text-align: left;
}

a img {
	border: 0;
}

br.clear{
	clear: both;
	line-height: 0;
}

a:link { text-decoration:underline; color: #36414D;}
a:visited { text-decoration:underline; color: #36414D;}
a:active { text-decoration:underline; color: #A3B8CC;}
a:hover { text-decoration:underline; color: #A3B8CC;}

#container {
	width: 800px;
	text-align: left;
	margin: 0px auto;
	background: #FFFFFF;
}



/* HaederStart */
#header {
	width: 800px;
	height: 77px;
	margin-top: 10px;
	background: url(../img/header.gif) no-repeat;
}
#header h1 a{
	margin-left:13px;
	margin-top:0px;
	width: 249px;
	height: 77px;
}
#header span{
	display: none;
}
#header h1 a,
.login,
.logout,.h_menu_01,
.logout,.h_menu_03{
	position:absolute;
	display:block;
}

.login{
	background: url(../img/h_menu_in.gif);
	margin-left:650px;
	margin-top:32px;
	width: 77px;
	height: 26px;
}
.logout{
	background: url(../img/h_menu_out.gif);
	margin-left:650px;
	margin-top:32px;
	width: 77px;
	height: 26px;
}
.h_menu_01{
	background: url(../img/h_menu_01.gif);
	margin-left:532px;
	margin-top:32px;
	width: 110px;
	height: 26px;
}
.h_menu_03{
	background: url(../img/h_menu_03.gif);
	margin-left:738px;
	margin-top:32px;
	width: 55px;
	height: 26px;
}

#header a:link { text-decoration:none; color: #FFFFFF;}
#header a:visited { text-decoration:none; color: #FFFFFF;}
#header a:active { text-decoration:none; color: #FFFFFF;}
#header a:hover { text-decoration:none; color: #FFFFFF;}
/* HaederEnd */

/* MenuStart */
#menu{
	width: 800px;
	height: 126px;
	background: url(../img/menu.gif) no-repeat;
	margin-bottom: 2px;
}
#menu span{
	display: none;
}

.blog,
.blog_on,
.bord,
.bord_on,
.jirei,
.jirei_on,
.yougo,
.yougo_on,
.mall,
.mall_on,
.mean,
.mean_on,
.register
{
	position:absolute;
	display:block;
}

.blog{
	margin-left: 37px;
	margin-top: 20px;
	width: 100px;
	height: 80px;
}
.bord{
	margin-left: 160px;
	margin-top: 6px;
	width: 105px;
	height: 100px;
}
.jirei{
	margin-left: 286px;
	margin-top: 0px;
	width: 113px;
	height: 113px;
}
.yougo{
	margin-left: 415px;
	margin-top: 0px;
	width: 100px;
	height: 100px;
}
.mall{
	margin-left: 519px;
	margin-top: 20px;
	width: 130px;
	height: 90px;
}
.mean{
	margin-left: 655px;
	margin-top: 13px;
	width: 123px;
	height: 105px;
}
.blog_on{
	margin-left: 37px;
	margin-top: 20px;
	width: 100px;
	height: 80px;
}
.bord_on{
	margin-left: 160px;
	margin-top: 6px;
	width: 105px;
	height: 100px;
}
.jirei_on{
	margin-left: 286px;
	margin-top: 0px;
	width: 113px;
	height: 113px;
}
.yougo_on{
	margin-left: 415px;
	margin-top: 0px;
	width: 100px;
	height: 100px;
}
.mall_on{
	margin-left: 519px;
	margin-top: 20px;
	width: 130px;
	height: 90px;
}
.mean_on{
	margin-left: 655px;
	margin-top: 13px;
	width: 123px;
	height: 105px;
}
.register{
	margin-left: 570px;
	margin-top: 7px;
	width: 140px;
	height: 120px;
}

/*Mouse OFF*/
a.blog,a.blog_on{background:url("../img/menu.gif") -37px -20px no-repeat;}
a.bord,a.bord_on{background:url("../img/menu.gif") -160px -6px no-repeat;}
a.jirei,a.jirei_on{background:url("../img/menu.gif") -287px 0px no-repeat;}
a.yougo,a.yougo_on{background:url("../img/menu.gif") -416px 0px no-repeat;}
a.mall,a.mall_on{background:url("../img/menu.gif") -518px -20px no-repeat;}
a.mean,a.mean_on{background:url("../img/menu.gif") -655px -13px no-repeat;}

/*Mouse On*/
a.blog:hover,a.blog_on{background-position: -37px -146px;}
a.bord:hover,a.bord_on{background-position: -160px -132px;}
a.jirei:hover,a.jirei_on{background-position: -287px -126px;}
a.yougo:hover,a.yougo_on{background-position: -416px -126px;}
a.mall:hover,a.mall_on{background-position: -518px -146px;}
a.mean:hover,a.mean_on{background-position: -655px -139px;}


#menu a:link { text-decoration:none; color: #FFFFFF;}
#menu a:visited { text-decoration:none; color: #FFFFFF;}
#menu a:active { text-decoration:none; color: #FFFFFF;}
#menu a:hover { text-decoration:none; color: #FFFFFF;}
/* MenuEnd */


/*#header a:link { text-decoration:none; color: #FFFFFF;}
#header a:visited { text-decoration:none; color: #FFFFFF;}
#header a:active { text-decoration:none; color: #FFFFFF;}
#header a:hover { text-decoration:none; color: #FFFFFF;}*/
/* HaederEnd */

#new span{
	display: none;
}

#new{
	background: url(../img/new.gif) no-repeat ;
	width:594px;
	height:59px;
	margin-top:10px;
	margin-bottom:20px;
	padding-top:11px;
}

.shinki{
	margin-left:90px;
	width: 98px;
	height: 39px;
	display: block;
}


/*#header a:link { text-decoration:none; color: #FFFFFF;}
#header a:visited { text-decoration:none; color: #FFFFFF;}
#header a:active { text-decoration:none; color: #FFFFFF;}
#header a:hover { text-decoration:none; color: #FFFFFF;}*/
/* HaederEnd */



/* MainareaStart */
#mainarea {
	width: 100%;
	padding-bottom: 10px;
}
#mainarea_inner {
	padding: 0 0 10px 0px;
	width: 594px;
	float:left;
}


h4{margin:7px 0 0 13px;}
h4 span{display: none;}
h4#sub_bord{
	background: url(../img/sub_bord.gif) no-repeat top left;
	display:block;
	width:84px;
	height:24px;
}
h4#sub_about{
	background: url(../img/sub_about.gif) no-repeat top left;
	display:block;
	width:183px;
	height:24px;
}

p.date {
	width: 130px;
	float: right;
	text-align: right;
	margin-left: -10px;
}

p.date_oya {
	width: 130px;
	float: right;
	text-align: right;
	margin-right: -5px;
	margin-top: -27px;
}
/* Safari Only \*/ html:\66irst-child p.date{letter-spacing:-1px;} /* end */


/* ===============ENTRY ELEMENTS=============== */
#entry_condition {
	width: 588px;
	background: url(../img/entry_bg.gif) no-repeat bottom left;
}
#entry_condition #head {
	width: 588px;
	background: url(../img/entry_head.gif) no-repeat top left;
}
#entry_condition #head .head_inner {
	padding: 18px 36px 32px 60px;
}
#entry_condition #head .head_inner h3 {
	width: 415px;
	float: left;
	font-size:120%;
	font-weight: lighter;
}

img.icon{margin:7px 6px -6px 10px;}

#entry_condition #contribution {
	width: 652px;
	clear: both;
}
#entry_condition #contribution .contribution_inner {
	padding: 0 100px 45px 127px;
}

#entry_foot {
	width:588px;
	height: 54px;
	background: url(../img/entry_foot.gif) no-repeat top left;
	margin-bottom: 10px;
}
#entry_foot .foot_inner {
	padding: 5px 30px 0 0;
	float: right;
}
#entry_foot .foot_inner input {
	vertical-align: text-bottom;
}
div.quotation {
	width: 46px;
	height: 22px;
	background: url(../img/quotation.gif) no-repeat top left;
	float: right;
	text-align: left;
	margin-bottom: 15px;
	margin-right: 0px;
}

:root div.quotation input {
	vertical-align: text-bottom;
	margin-top: 4px;
	margin-left: 3px;
}

:root div.quotation{
	margin-right: 0px;
}

div.quotation span {
	display: none;
}
#entry_foot .foot_inner ul li {
	float: left;
	list-style: none;
	display: inline;
	margin-left: 10px;
}

#entry_foot .foot_inner ul li.count {
	padding-top: 7px;
}
#entry_foot .foot_inner li.reply {
	width: 71px;
	height: 36px;
}
#entry_foot .foot_inner li.all {
	width: 71px;
	height: 36px;
}


#entry_foot .foot_inner li.reply a,
#entry_foot .foot_inner li.all a {
	width: 71px;
	height: 36px;
	display: block;
}






/* ===============COMMENT ELEMENTS=============== */
.comment01 {background: url(../img/character01.gif) no-repeat -50px 0;}
.comment02 {background: url(../img/character02.gif) no-repeat 502px 0;}
.comment03 {background: url(../img/character03.gif) no-repeat -50px 0;}
.comment04 {background: url(../img/character04.gif) no-repeat 502px 0;}

.comment_area01 {
	background: url(../img/balloon01_bg.gif) no-repeat bottom left;
	width: 532px;
	margin-left: 80px;
	margin-bottom: 10px;
}
.comment_area01_hd {
	background: url(../img/balloon01_top.gif) no-repeat top left;
}
.comment_area01_inner{
	padding: 12px 57px 10px 34px; 
}
.comment_area01 h4 {
	width: 300px;
	float: left;
	font-size:120%;
	font-weight: lighter;
	padding-bottom: 5px;
}

.comment_area02 {
	background: url(../img/balloon02_bg.gif) no-repeat bottom left;
	width: 542px;
	margin-bottom: 10px;
	margin-left: -40px;
}
.comment_area02_hd {
	background: url(../img/balloon02_top.gif) no-repeat top left;
}
.comment_area02_inner{
	padding: 12px 32px 10px 68px; 
}
.comment_area02 h4 {
	width: 300px;
	float: left;
	font-size:120%;
	font-weight: lighter;
	padding-bottom: 5px;
}

.comment_area01 .quotation,
.comment_area02 .quotation {
	width: 46px;
	height: 22px;
	background: url(../img/quotation.gif) no-repeat top left;
	float: right;
	text-align: left;
	margin: 6px 0;
}
:root .comment_area01 .quotation,
:root .comment_area02 .quotation {
	margin-bottom: 0px;
}
.comment_area01 .quotation span,
.comment_area02 .quotation span {
	display: none;
}
:root .comment_area01 .quotation input,
:root .comment_area02 .quotation input {
	vertical-align: text-bottom;
	margin-top: 4px;
	margin-left: 3px;
}


.thread a{
	margin-left:490px;
	margin-top:30px;
	background:url(../img/thread.gif) no-repeat;
	width:71px;
	height:36px;
	display:block;
}
.thread a span{display:none;}

.new_head a{
	margin-left:402px;
	margin-top:-57px;
	background:url(../img/new_head_shinki.gif) no-repeat;
	width:98px;
	height:39px;
	display:block;
}
.new_head a span{display:none;}


.text01 {
	clear: both;
	padding-left:30px;
}

#page{
	text-align:center;
	margin:30px 0 0 120px;
	font-size:110%;
	background: url(../img/page.gif) no-repeat;
	width:387px;
	height:41px;
	letter-spacing:0.1em;
}

#page_next{
	text-align:center;
	margin:30px 0 0 120px;
	font-size:110%;
	background: url(../img/page_next.gif) no-repeat;
	width:387px;
	height:41px;
	letter-spacing:0.1em;
}

#page_pre{
	text-align:center;
	margin:30px 0 0 132px;
	font-size:110%;
	background: url(../img/page_pre.gif) no-repeat;
	width:387px;
	height:41px;
	letter-spacing:0.1em;
}

a.pre,
a.next,
.page_inner{position:relative;
	display:block;
}

.pre{
	margin-left:2px;
	margin-top:1px;
	width: 59px;
	height: 37px;
	float:left;
}

.next{
	margin-left:227px;
	margin-top:-27px;
	width: 63px;
	height: 37px;
	float:right;
}

#page_pre.page_inner{
	margin-left:0.5em;
	padding-top:10px;
	text-align:center;
	width:258px;
}

#page_next.page_inner{
	margin-left:0.5em;
	padding-top:10px;
	text-align:center;
	width:258px;float:left;
}
#page.page_inner{
	margin-left:0.5em;
	padding-top:10px;
	text-align:center;
	width:258px;float:left;
}

.page_inner{
	margin-left:0.5em;
	padding-top:10px;
	text-align:center;
	width:258px;float:left;
}

span.page_none,
span.back_none{display: none;}

#back{
	text-align:center;
	margin:30px auto 0px 260px;
	background: url(../img/back.gif) no-repeat;
	width:119px;
	height:41px;
}

a.back{position:relative;
	display:block;
}

.back{
	margin-left:2px;
	margin-top:7px;
	padding-top:10px;
	width: 71px;
	height: 21px;
}

.bold{font-weight:bold;}

img.new{margin:0 0 20px -10px;}
img.line_01{margin:20px 0;}

/* Safari Only \*/ html:\66irst-child .text01{padding-left:12px;} /* end */


/* backStart */
#back_02{
	width: 100%;
	margin-top: 20px;
	clear: both;
}
#back_inner{
	width: 119xp;
	height: 41px;
	background: url(../img/modoru_bg.gif) no-repeat top left;
	margin-left: 300px;
}
#back_inner .btn{
	margin-top: 9px;
}

/* backEnd */

/* FormareaStart */
#container #formarea,
#container #formarea02 {
	width: 628px;
	text-align:left;
	margin:0 auto;
}

#formarea_inner{
	margin: 20px 0 20px 15px;
}

#formarea_inner02 {
	margin: 20px 0 40px 5px;
}
#formarea_inner .formarea_condition,
#formarea_inner02 .formarea_condition {
	width: 628px;
	background: url(../img/side.gif) repeat-y top left;
}

#formarea_inner .formarea_condition h3,
#formarea_inner02 .formarea_condition h3 {
	background: url(../img/other_head.gif);
	width: 628px;
	height: 38px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-indent: 65px;
}
#formarea_inner .formarea_condition_new h3{
	background: url(../img/new_head.gif);
	width: 628px;
	height: 39px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-indent: 65px;
	padding-top:20px;
}


#formarea_inner .formarea_condition_new{
	width: 628px;
	background: url(../img/side.gif) repeat-y top left;
	margin-top:-20px;
}
#formarea_inner .formarea_condition h5{
	font-size: 14px;
	padding: 10px 36px 15px 36px;
}
#formarea_inner02 .formarea_condition p{
	font-size: 12px;	
	color: #555;
	padding: 10px 36px 0px 36px;
}
#formarea_inner02 .formarea_condition h5{
	width: 628px;
	font-size: 14px;
	padding: 60px 0px 30px 0px;
	text-align: center;
}

#formarea_inner .formarea_condition p.date,
#formarea_inner02 .formarea_condition p.date {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding-top:0;
}

#formarea_inner .formarea_condition .formarea_footer,
#formarea_inner02 .formarea_condition .formarea_footer {
	width: 628px;
	height: 68px;
	background: url(../img/b_footer.gif);
	clear: both;
}
#formarea_inner .formarea_condition .formarea_footer{
	background: url(../img/b_footer.gif);
}
#formarea_inner02 .formarea_condition .formarea_footer {
	background: url(../img/b_footer7.gif);
}
#formarea_inner .formarea_condition_new .formarea_footer03,
#formarea_inner .formarea_condition .formarea_footer03 {
	background: url(../img/b_footer03.gif) no-repeat;
	width: 594px;
	height: 46px;
}
#formarea_inner .formarea_condition .formarea_footer .btn_left {
	float: left;
	margin-left: 177px;
}

#formarea_inner .formarea_condition .formarea_footer .btn_right {
	float: right;
	margin-right: 172px;
}
#formarea_inner02 .formarea_condition .formarea_footer .btn_left {
	margin-left: 207px;
	margin-top: 6px;
}
#formarea_inner02 .formarea_condition div.scroll{
	width: 600px;
	height: 200px; 
	overflow: auto;
	margin-top: 10px;
}
textarea.font_s{
	font-size: 12px;
}

.bord_menu{margin-left:40px; margin-top:20px; width:500px;}
.bord_menu a{margin-bottom:5px; font-size:100%;}
.bord_menu li{
	list-style:none;
	background:url(../img/icon_1.gif) no-repeat top left;
	display:block;
	padding-left:30px;
	padding-bottom:1px;
	margin-bottom:13px;
}


#formarea_inner a:link { text-decoration:underline; color: #FF7900;}
#formarea_inner a:visited { text-decoration:underline; color: #FF7900;}
#formarea_inner a:active { text-decoration:underline; color: #FAB577;}
#formarea_inner a:hover { text-decoration:underline; color: #FAB577;}
/* FormareaEnd */


/* MainareaEnd */


/* TABLE Elements ---------------------------------------------------------------- */ 

table {
	width: 556px;
	border-spacing: 0;
	border-collapse: collapse;
	margin:0 0 25px 37px;
}
table th {
	width: 110px;
	vertical-align: top;
	text-align: left;
	font-weight: lighter;
	border-right: #A4D068 1px solid;
	background:url(../img/line_03.gif) no-repeat bottom left;
	padding: 8px 0 ;
	white-space: nowrap;
}
table td {
	vertical-align: top;
	text-align: left;
	background:url(../img/line_03.gif) no-repeat bottom left;
	padding: 8px 0 8px 9px;
	text-indent: 2px;
	color: #555;
}
table .bottom {
	background:none;
}
table input,
table textarea {
	width:400px;
	margin-left: -2px;
}
table td p {
	font-size:90%;
}
table td p.error {
	color:#FF5A00;
}
p.error02{
	color:#FF5A00!important;
	font-size:90%;
	text-align: center;
	padding-bottom: 20px;
}


/* PrivacyStart */

.privacy_box{
	text-align: center;
	background: url(../img/line_04.gif) no-repeat top center;
	width: 100%;
	padding: 10px;
	margin: 10px auto 0 10px;
}

#radio{
	width: 200px;
	text-align: center;
	margin: 0 auto;
}

div.radio_btn{
	width: 65px;
	height: 22px;
	background: url(../img/agreement.gif) no-repeat top left;
	text-align: left;
	margin-bottom: 15px;
	float: left;
}
div.radio_btn02{
	width: 78px;
	height: 22px;
	background: url(../img/no_agreement.gif) no-repeat top left;
	text-align: left;
	margin-bottom: 15px;
	float: right;
}


:root div.radio_btn input,
:root div.radio_btn02 input {
	vertical-align: text-bottom;
	margin-top: 4px;
	margin-left: 3px;
}

:root div.radio_btn,
:root div.radio_btn02{
	margin-right: 3px;
}

div.radio_btn span,
div.radio_btn02 span {
	display: none;
}

/* PrivacyEnd */


/* MainareaEnd */

/* RightStart */
#right{
	width:153px;
	float:right;
	margin: 10px 5px 0 -30px;
}

#right_menu{
	width: 153px;
	height: 486px;
	background: url(../../img/right_menu.gif) no-repeat top left;
	padding-top: 24px;
}

#right_menu li {
	float: left;
	list-style: none;
	display: inline;
}

#right_menu li a{
	width: 148px;
	height: 27px;
	display:block;
	margin-left:2px;
}

#right_menu li.mright_08 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:62px;
}
#right_menu li.mright_09 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:3px;
}
#right_menu li.mright_10 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:3px;
}
#right_menu li.mright_11 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:3px;
}

#right_menu li.mright_12 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:3px;
}

#right_menu span{
	display: none;
}

.mright_01,
.mright_02,
.mright_03,
.mright_04,
.mright_05,
.mright_06,
.mright_07,
.mright_08,
.mright_09,
.mright_10,
.mright_11,
.mright_12{
	display:block;
}

/*Mouse OFF*/
.mright_01 a{background:url("../../img/right_menu.gif") -2px -25px no-repeat;}
.mright_02 a{background:url("../../img/right_menu.gif") -2px -52px no-repeat;}
.mright_03 a{background:url("../../img/right_menu.gif") -2px -79px no-repeat;}
.mright_04 a{background:url("../../img/right_menu.gif") -2px -106px no-repeat;}
.mright_05 a{background:url("../../img/right_menu.gif") -2px -133px no-repeat;}
.mright_06 a{background:url("../../img/right_menu.gif") -2px -160px no-repeat;}
.mright_07 a{background:url("../../img/right_menu.gif") -2px -187px no-repeat;}
.mright_08 a{background:url("../../img/right_menu.gif") -2px -275px no-repeat;}
.mright_09 a{background:url("../../img/right_menu.gif") -2px -318px no-repeat;}
.mright_10 a{background:url("../../img/right_menu.gif") -2px -361px no-repeat;}
.mright_11 a{background:url("../../img/right_menu.gif") -2px -404px no-repeat;}
.mright_12 a{background:url("../../img/right_menu.gif") -2px -447px no-repeat;}
/*Mouse On*/
.mright_01 a:hover,.mright_01 a.on{background-position: -155px -25px;}
.mright_02 a:hover,.mright_02 a.on{background-position: -155px -52px;}
.mright_03 a:hover,.mright_03 a.on{background-position: -155px -79px;}
.mright_04 a:hover,.mright_04 a.on{background-position: -155px -106px;}
.mright_05 a:hover,.mright_05 a.on{background-position: -155px -133px;}
.mright_06 a:hover,.mright_06 a.on{background-position: -155px -160px;}
.mright_07 a:hover,.mright_07 a.on{background-position: -155px -187px;}
.mright_08 a:hover,.mright_08 a.on{background-position: -155px -275px;}
.mright_09 a:hover,.mright_09 a.on{background-position: -155px -318px;}
.mright_10 a:hover,.mright_10 a.on{background-position: -155px -361px;}
.mright_11 a:hover,.mright_11 a.on{background-position: -155px -404px;}
.mright_12 a:hover,.mright_12 a.on{background-position: -155px -447px;}



/* RightEnd */


/* FooterStart */

#footer{
	background: url(../img/footer.gif) no-repeat top left;
	width: 799px;
	height: 102px;
	text-indent: -9999px;
	margin-top: 90px;
	clear:both;
}
/* FooterEnd */