@charset "utf-8";
/* 共通 */
html, body, div.wrapper{
	height: 100%;
}
body {
	background:url(../images/header_bg.png) repeat-x top;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:12px;
	line-height:1.4em;
}
#bousai{
	background:url(../images/header_bg_bosai.png) repeat-x top !important;
}
html, body, h1, h2, h3, h4, p, form, ul, li{
	margin:0;
	padding:0;
}
h2, h3, h4{
	font-size:1.2em;
	word-break:break-all;
}
h4{
	height:1em;
	padding-right:5px;
	overflow:hidden;
}
.heading{
	width:659px;
	height:33px;
	margin-top:15px;
	background:url(../images/title_orange.jpg) no-repeat;
	line-height:33px;
	color:#870202;
}
.heading h2{
	padding-left:45px;
	float:left;
}
.headind a, .heading span{
	padding-right:10px;
	float:right;
	font-weight:normal;
}
img {
	border:none;
}
label{
	cursor:pointer;
}
textarea{
	resize:none;
}
input[type="hidden"]{
	display:none !important;
}
.flash{
	margin:13px 0 0 23px;
	color:#FF0000;
}
span.caution{
	padding:0;
	float:none;
	color:#FF0000;
}
.annotation{
	font-size:0.8em;
	line-height:1.6em;
}
.submit .annotation{
	width:500px;
	margin:0 auto 10px;
	text-align:left;
}
.entry .submit .annotation{
	margin:0 auto 10px;
	text-align:center;
}

/* ヘッダ */
.header{
	width:100%;
	height:200px;
}
.header a.logo{
	width:161px;
	height:78px;
	margin:4px 0 0 0;
	float:left;
	overflow:hidden;
	background:url(../images/header_logo.jpg) no-repeat;
	text-indent:-9999px;
}
#bousai .header a.logo{
	background:url(../images/header_logo_bousai.jpg) no-repeat;
}
.header h1{
	width:434px;
	height:39px;
	padding-top:25px;
	float:left;
	overflow:hidden;
	background:url(../images/header_title_kb.jpg) no-repeat 0 25px;
	text-indent:-9999px;
}
#kankyou .header h1{
	width:198px;
	height:38px;
	background:url(../images/header_title_kankyou.jpg) no-repeat 0 25px;
}
#bousai .header h1{
	width:196px;
	height:39px;
	background:url(../images/header_title_bousai.jpg) no-repeat 0 25px;
}
.header h1 a{
	padding-top:30px;
	display:block;
}
.header div{
	width:16em;
	float:right;
	text-align:right;
}
.header div a{
	margin:7px 0 7px 10px;
	color:#FFFFFF;
}
.header div a.banar{
	display:block;
}
.header p{
	width:354px;
	height:55px;
	margin-top:25px;
	padding:10px;
	float:left;
	clear:left;
	background:url(../images/header_comment.jpg) no-repeat;
	color:#870303;
}
#bousai .header p{
	background:url(../images/header_comment_bousai.jpg) no-repeat;
}
.header address{
	width:16em;
	margin-top:20px;
	float:right;
	clear:right;
	color:#FFFFFF;
	font-style:normal;
}
.header address a{
	color:#FFFFFF;
}
.loginNav{
	width:714px;
	height:31px;
	margin:10px auto 0;
	padding:17px 20px 0 20px;
	position:relative;
	background:url(../images/nav_bg2.jpg) no-repeat;
	font-weight:bold;
}
.loginNav span{
	position:absolute; left:267px;
}
.loginNav span a{
	margin:0 20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.loginNav a.navigation_users{
	position:absolute; right:110px;
	font-weight:normal;
}
.loginNav a.logout_button{
	position:absolute; right:30px;
	font-weight:normal;
}
.logoutNav{
	width:100%;
	height:51px;
	margin-top:7px;
	margin:10px auto 0;
	overflow:hidden;
	background:url(../images/nav_bg1.jpg) repeat-x;
	border:1px solid #CCCCCC;
	border-bottom:1px solid #999999;
	font-size:1.2em;
	zoom:100%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.logoutNav form{
	margin:0 24px 0 19px;
	float:left;
}
.logoutNav label.login{
	margin:14px 11px 0 0;
	padding-left:65px;
	background:url(../images/nav_login.jpg) no-repeat 0 50%;
}
.logoutNav label.password{
	margin:14px 11px 0 0;
	padding-left:62px;
	background:url(../images/nav_password.jpg) no-repeat 0 50%;
}
.logoutNav a{
	line-height:51px;
}
.logoutNav .submit_button{
	width:63px;
	height:23px;
	margin:14px 0 0;
	padding:0;
	overflow:hidden;
	background:url(../images/nav_loginbutton_on.jpg) no-repeat;
	border-style:none;
	text-indent:-9999px;
}
.logoutNav .submit_button:active{
	background:url(../images/nav_loginbutton_off.jpg) no-repeat;
}
.logoutNav a{
	margin-right:10px;
	float:left;
	font-size:0.8em;
}
div.bousai_nav{
	height:37px;
	margin:10px auto 0;
	overflow:hidden;
	background:#5F9027 url(../images/nav_bg3.png) repeat-x;
	text-align:center;
	zoom:100%;
}
div.bousai_nav a{
	width:auto;
	padding:10px 20px;
	display:inline-block;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
div.bousai_nav a:hover{
	background:#A25A11;
	background-image:-webkit-gradient(linear, left top, left bottom,
		color-stop(0, #A25A11),
		color-stop(1, #E57F1A)
	);
}
div.bousai_nav span{
	width:37px;
	height:37px;
}
div.bousai_nav span.bousai_nav_left{
	float:left;
	background:url(../images/nav_bg3_left.png) no-repeat;
}
div.bousai_nav span.bousai_nav_right{
	float:right;
	background:url(../images/nav_bg3_right.png) no-repeat;
}
div.topic_path{
	margin:20px 0 10px;
}

/* 記事一覧 */
div.select{
	padding:10px 25px;
}
div.select p{
	margin:0;
	overflow:hidden;
	zoom:100%;
}
div.select span{
	float:left;
	line-height:25px;
}
div.select img{
	margin-right:5px;
	float:left;
}
div.entrylist{
	width:563px;
	height:98px;
	margin:10px auto 0;
	padding:10px 15px;
	background:url(../images/entrylist_bg.jpg) no-repeat;
	cursor:pointer;
}
div.entrylist:hover{
	color:#666666;
}

div.entrylist img{
	float:right;
}
div.entrylist p{
	height:4em;
	width:415px;
	margin:10px;
	overflow:hidden;
	word-break:break-all;
}
div.entrylist img.icon{
	width:50px;
	height:25px;
	float:left;
	margin-top:-5px;
}
div.entrylist .nickname{
	width:auto;
	margin-left:10px;
	float:left;
}
div.entrylist .date{
	width:auto;
	margin-right:15px;
	float:right;
}

/* 記事枠 */
.box_top{
	width:630px;
	height:32px;
	margin:15px auto 0;
	padding-left:10px;
	overflow:hidden;
	background:url(../images/entry_top_high.jpg) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	line-height:32px;
}
.my_list .box_top, .entry_post .box_top{
	height:12px;
	background:url(../images/entry_top_low.jpg) no-repeat;
}
.comment_list .box_top{
	height:12px;
	width:703px;
	margin:10px auto 0;
	background:url(../images/entry_top_wide.jpg) no-repeat;
}
.box{
	width:620px;
	margin:0 auto;
	padding:0 10px;
	background:url(../images/entry_middle.jpg) repeat-y;
}
.comment_list .box{
	width:693px;
	margin:0 auto;
	padding:0 10px;
	background:url(../images/entry_middle_wide.jpg) repeat-y;
}
.box .content{
	padding:10px;
	background-color:#FFFFFF;
}
.comment_list .box .content{
	padding:10px 0;
	background-color:#FFFFFF;
}
.box_bottom{
	width:640px;
	height:10px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/entry_bottom.jpg) no-repeat;
}
.comment_list .box_bottom{
	width:713px;
	height:11px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/entry_bottom_wide.jpg) no-repeat;
}

/* フォーム */
table.form{
	width:620px;
	border-collapse:separate;
	border-spacing:0;
}
table.form th{
	width:100px;
	padding:10px 12px;
	background-color:#FFF0C9;
	border-bottom:dashed 1px #F7931E;
	font-weight:normal;
	text-align:left;
}
table.form td{
	padding:10px 12px;
	background-color:#FFFFFF;
	border-left:dashed 1px #F7931E;
	border-bottom:dashed 1px #F7931E;
}
.entry_post td.custom input, .entry_post td.custom textarea{
	width:100%;
	background-color:#FFF0C9;
	border:solid 1px #F7931E;
	word-break:break-all;
}
.box .upload a{
	color:#FF0000;
	font-weight:bold;
}
.box .upload input{
	margin:5px 0;
}
.box td.submit, .entry td.submit{
	padding:10px;
	border-bottom:none;
	border-left:none;
	text-align:center;
}
.box td.submit input, .entry td.submit input{
	width:auto;
	margin:0 auto;
	padding:3px 21px;
	background-color:#534741;
	border:solid 1px #000000;
	cursor:pointer;
	color:#FFFFFF;
}
.box td.submit input:hover, .entry td.submit input:hover{
	background-color:#333333;
}

/* メイン */
div.wrapper{
	width:800px;
	min-width:800px;
	height: auto;
	min-height: 100%;
	margin:0 auto;
}
.top, .all_list, .entry{
	width:642px;
	margin:15px auto 0;
	padding-bottom: 120px;
}
.my_list, .entry_post, .user, .reminder, .preview, .comment_preview{
	width:659px;
	margin:15px auto 0;
	padding-bottom: 120px;
}
.comment_list{
	width:747px;
	margin:15px auto 0;
	padding-bottom: 120px;
}
.top div.link{
	margin:30px 25px;
	overflow:hidden;
}
.top a.kankyou, .top a.bousai{
	width:281px;
	height:72px;
	overflow:hidden;
	text-indent:-9999px;
}
.top a.kankyou{
	float:left;
	background:url(../images/link_kankyou.jpg) no-repeat 0 0;
}
.top a.bousai{
	float:right;
	background:url(../images/link_bousai.jpg) no-repeat 0 0;
}
.top a.kankyou:hover, .top a.bousai:hover{
	background-position:0 -72px;
}


.top .heading, .all_list .heading, .entry .heading{
	width:642px;
	height:33px;
	background:url(../images/title_green.jpg) no-repeat;
	line-height:33px;
	color:#009900;
	text-align:right;
}
#bousai .heading{
	width:659px;
	background:url(../images/title_orange.jpg) no-repeat;
}
.top .heading{
	margin:0;
}
.comment_list .heading{
	width:747px;
	height:33px;
	background:url(../images/title_orange_wide.jpg) no-repeat;
	line-height:33px;
}
.top div.hiroba{
	margin-top:20px;
}
.top .heading a{
	margin-right:10px;
}
.top p{
	margin:10px 0 0 25px;
}
.top h3{
	width:97px;
	margin:30px 0 0 17px;
	padding-left:14px;
	border-left:solid 7px #F7931E;
	border-bottom:solid 3px #F7931E;
}
div.readmore{
	margin:10px 24px 0 0;
	text-align:right;
}

.all_list h2 span{
	color:#009900;
}
.all_list p{
	margin:11px 25px;
}
.all_list a.post{
	margin:11px 25px 0 0;
	float:right;
	font-size:1.2em;
	font-weight:bold;
}
.my_list .box .content{
	padding-top:0;
}
.my_list a.post{
	margin:15px 10px 0 0;
	float:right;
	font-size:1.2em;
	font-weight:bold;
}
.my_list .pagination{
	padding-left:0;
}
.my_list .entrylist{
	margin-left:auto;
	margin-right:auto;
}

.preview .content{
	padding:0;
}
.preview .title{
	padding:10px 12px;
	background-color:#FFF0C9;
	border-bottom:solid 1px #F7931E;
}
.preview .text{
	padding:10px 12px;
	border-bottom:solid 1px #F7931E;
	word-break:break-all;
}
.entry_post .submit, .preview .submit, .comment_preview .submit{
	padding:10px 50px;
	text-align:center;
}
.entry_post .submit input, .preview .submit input, .comment_preview .submit input{
	width:auto;
	margin:0 3px;
	padding:3px 21px;
	background-color:#534741;
	border:solid 1px #000000;
	cursor:pointer;
	color:#FFFFFF;
}
.entry_post .submit input:hover, .preview .submit input:hover, .comment_preview .submit input:hover{
	background-color:#333333;
}

.entry .title, .entry .content, .entry .comment{
	margin-left:8px;
}

.entry .title{
	margin-top:12px;
	padding:5px 12px;
	clear:both;
	overflow:hidden;
	background-color:#D6FFCF;
	border:solid 1px #B1E387;
	border-bottom:none;
	text-align:right;
	zoom:100%;
}
.entry .title h3{
	width:510px;
	float:left;
	text-align:left;
	word-break:break-all;
}
.entry .title span{
	float:right;
}
.entry .content{
	padding:0 12px 12px;
	border:solid 1px #B1E387;
	zoom:1;
}
.entry .content a.edit{
	margin-top:12px;
	padding:2px 4px;
	float:right;
	background-color:#6666FF;
	border:solid 1px #3333FF;
	color:#FFFFFF;
	text-decoration:none;
}
.entry .content a.edit:hover{
	background-color:#6633FF;
}
.entry .content .image_and_movie div, .entry .content .image_and_movie img{
	padding-top:12px;
}
.entry .content .text{
	padding-top:12px;
	clear:both;
	line-height:1.5em;
	word-break:break-all;
}
.comment{
	margin-top:15px;
}
.comment .title{
	margin-left:0;
	text-align:right;
}
.comment .title span{
	float:left;
	font-weight:bold;
}
.comment .text{
	margin:0;
	padding:10px 12px;
	border:solid 1px #B1E387;
	border-bottom-style:none;
	zoom:1;
}
.comment .text .label{
	overflow:hidden;
	zoom:100%;
}
.comment .text .label span{
	margin-right:10px;
	float:left;
	display:block;
}
.comment .text .label a{
	width:16px;
	height:16px;
	margin-right:10px;
	float:left;
	display:block;
}
.comment .text .label a.home{
	background:url(../images/home.gif) no-repeat;
}
.comment .text .label a.mail{
	background:url(../images/mail.gif) no-repeat;
}
.comment .text .label a.delete{
	width:auto;
	height:auto;
	margin:0;
	padding:2px 4px;
	border:solid 1px #FF3333;
	float:right;
	background-color:#CC6600;
	color:#FFFFFF;
	text-decoration:none;
}
.comment .text .label a.delete:hover{
	background-color:#CC3300;
}
.comment .text p{
	margin:5px  0 0 1em;
	word-break:break-all;
}
.comment table.form{
	width:634px;
	border:solid 1px #B1E387;
}
.comment table.form .caption{
	padding:5px 12px;
	background-color:#FFFFE3;	
	border-bottom:solid 1px #B1E387;
	font-weight:bold;
}
.comment table.form th{
	background-color:#D6FFCF;
	border-bottom:dashed 1px #B1E387;
	font-weight:normal;
}
.comment table.form td{
	width:534px;
	border-bottom:dashed 1px #B1E387;
	border-left:dashed 1px #B1E387;
}
.comment table.form td.submit{
	border:none;
}
.comment input, .comment textarea{
	width:100%;
	background-color:#FFFFE3;
	border:solid 1px #B1E387;
	word-break:break-all;
}

.user .box input, .reminder .box input{
	width:50%;
	background-color:#FFF0C9;
	border:solid 1px #F7931E;
}

.comment_list .box .content{
	padding-top:0px;
}
.comment_list table{
	width:693px;
	margin:12px 0 0;
}
.comment_list input{
	width:auto;
	margin:12px 0 0;
	padding:3px 6px;
	cursor:pointer;
}
.comment_list table td.button input{
	margin:0;
}
.comment_list input.select_all{
	margin-left:12px;
}
.comment_list input.select_all, .comment_list input.cancel_all{
	background-color:#6666FF;
	border:none;
	color:#FFFFFF;
}
.comment_list input.select_all:hover, .comment_list input.cancel_all:hover{
	background-color:#6633FF;
}
.comment_list input.delete{
	background-color:#CC6600;
	border:none;
	color:#FFFFFF;
}
.comment_list input.delete:hover{
	background-color:#CC3300;
}
.comment_list a.delete, .comment_list a.delete:visited{
	color:#FF0000;
	font-weight:bold;
}
.comment_preview .content{
	padding:0;
}
.comment_preview .title{
	padding:10px 12px;
	background-color:#FFF0C9;
	border-bottom:solid 1px #F7931E;
	text-align:right;
}
.comment_preview .title span{
	float:left;
}
.comment_preview .content p{
	padding:10px 12px;
	border-bottom:solid 1px #F7931E;
	word-break:break-all;
}

#bousai div.text{
	overflow:hidden;
	zoom:100%;
}
#bousai div.text img{
	width:auto;
	margin:10px;
	float:left;
}

/* フッタ */
.footer{
	width:100%;
	min-width:800px;
	height:61px;
	margin-top:-101px;
	padding:20px 0;
	position: relative;
	clear:both;
	background:#557F1B url(../images/footer_bg.jpg) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
#bousai .footer{
	background:#A55B12 url(../images/footer_bg_bousai.jpg) repeat-x;
}
.footer span{
	display:block;
	margin-top:10px;
}

/* エラー */
.fieldWithErrors{
	display:inline;
}
.fieldWithErrors input, .fieldWithErrors textarea{
	border:2px solid #FF0000!important;
}
#errorExplanation {
	width: 400px;
	margin:13px 0 13px 8px;
	padding: 7px;
	padding-bottom: 12px;
	border: 2px solid red;
	background-color: #F0F0F0;
}
.entry #errorExplanation {
	margin-top:0;
	margin-left:0;
}
#errorExplanation h2 {
	width:auto;
	margin: -7px;
	padding-left:15px;
	background: #CC0000;
	border-left:none;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
#errorExplanation p {
	margin-top: 10px;
	padding: 5px;
	color: #333333;
}
#errorExplanation ul li {
	margin-left:20px;
	list-style: square;
}

/* ページネーション */
.pagination{
	width:470px;
	padding:11px 23px 0;
	overflow:hidden;
	list-style:none;
	zoom:100%;
}
.pagination li{
	display:inline;
}
.comment_list .pagination{
	padding:11px 11px 0;
}
.pagination li a{
	margin-right:5px;
	padding:3px 5px;
	float:left;
	display:block;
	border:solid 1px #527D1A;
	color:#527D1A;
	text-decoration:none;
}
.pagination li a:hover{
	background-color:#527D1A;
	color:#FFFFFF;
}
.my_list .pagination li a, .comment_list .pagination li a{
	border:solid 1px #D56909;
	color:#D56909;
}
.my_list .pagination li a:hover, .comment_list .pagination li a:hover{
	background-color:#D56909;
	color:#FFFFFF;
}
.pagination li.active{
	margin-right:5px;
	padding:3px 5px;
	float:left;
	display:block;
	background-color:#527D1A;
	border:solid 1px #527D1A;
	color:#FFFFFF;
	font-weight:bold;
}
.my_list .pagination li.active, .comment_list .pagination li.active{
	background-color:#D56909;
	border:solid 1px #D56909;
	color:#FFFFFF;
}
.pagination li.omit{
	margin-right:5px;
	padding:3px 5px;
	float:left;
	display:block;
	color:#D56909;	
}

/* テーブル */
.comment_list table{
	border:1px solid #F7931E;
	border-collapse:collapse;
	line-height:2em;
}
.comment_list table th{
	background:#FBB03B;
	border-right:1px solid #F7931E;
	border-left:1px solid #F7931E;
	color:#000000;
}
.comment_list table td{
	padding:0 4px;
	border-right:1px solid #F7931E;
	cursor:pointer;
}
.comment_list table td.noclick{
	cursor:auto;
	text-align:center;
}
.comment_list table td input{
	margin:0;
}
.comment_list table tr{
	border-top:1px solid #FBDBA1;
	background-color:#FFFFFF;
}
.comment_list table tr:hover{
	background-color:#FBDBA1 !important;
}