@charset "UTF-8";

body #onigiri{
	width : 950px ;
	margin : 10px auto ;
	background-color : #fff ;
	color : #333 ;
	text-align : left ;
}
body #onigiri img{
	vertical-align : bottom ;
}
body #onigiri a{
	color : #630 ;
	text-decoration : none ;
}
body #onigiri a:hover{
	color : #f90 ;
}
body #onigiri a:hover img{
	opacity : 0.7 ;
}
body #onigiri p{
	margin : 0 ;
	line-height : 140% ;
}

body #onigiri #topicPath_s{
	width : 926px ;
}

body #onigiri .header{
	margin : 0 0 35px ;
}

body #onigiri .target{
	margin : 0 0 10px ;
	text-align : center ;
}
body #onigiri .target p.back{
	margin : 0 0 10px ;
	text-align : left ;
}
body #onigiri .target p.back a{
	padding : 0 0 0 12px ;
	background : url("../img/ico_back.png") left center no-repeat ;
	color : #000 ;
	text-decoration : underline ;
}
body #onigiri .target p.back a:hover{
	color : #f90 ;
}
body #onigiri .target p.thumbnail{
	margin : 0 0 20px ;
}
body #onigiri .target p.area{
	font-size : 150% ;
}
body #onigiri .target p.subtitle{
	font-size : 133.3% ;
}
body #onigiri .target h2{
	font-size : 150% ;
	font-weight : bold ;
	line-height : 140% ;
}
body #onigiri .target p.btn{
	margin : 20px 0 ;
}
body #onigiri .target p.btn a{
	display : block ;
	width : 300px ;
	height : 60px ;
	margin : 0 auto ;
	line-height : 60px ;
	background : #000 ;
	border-radius : 5px ;
	font-size : 150% ;
	color : #fff ;
	cursor : pointer ;
}
body #onigiri .target p.btn a:hover{
	opacity : 0.7 ;
}

body #onigiri .commentForm{
	position : relative ;
	padding : 30px 200px ;
	background : #f1f2f7 ;
}
body #onigiri .commentForm textarea{
	box-sizing : border-box ;
	width : 100% ;
	height : 100px ;
	padding : 10px ;
	margin : 0 0 25px ;
	border : #ccc 1px solid ;
	border-radius : 5px ;
}
body #onigiri .commentForm ul.error{
	margin : -15px 0 25px ;
	color : #f00 ;
}
body #onigiri .commentForm ul.error{
	margin : -15px 0 25px ;
	color : #f00 ;
}
body #onigiri .commentForm label.btn{
	display : block ;
	text-align : center ;
}
body #onigiri .commentForm label.btn input.submit{
	border : none ;
	width : 300px ;
	height : 60px ;
	background : #000 ;
	border-radius : 5px ;
	font-size : 150% ;
	color : #fff ;
	cursor : pointer ;
}
body #onigiri .commentForm label.btn input.submit:hover{
	opacity : 0.7 ;
}
body #onigiri .commentForm label.btn input.is-submit-disabled{
	background : #999 !important;
}
body #onigiri .commentForm p.back{
	position : absolute ;
	width : 70px ;
	height : 30px ;
	bottom : 30px ;
	left : 240px ;
	line-height : 30px ;
	text-align : center ;
}
body #onigiri .commentForm p.back a{
	display : block ;
	background : #999999 ;
	color : #fff ;
	font-size : 116.7% ;
	border-radius : 5px ;
}
body #onigiri .commentForm p.back a:hover{
	opacity : 0.7 ;
}

body #onigiri .commentForm .commentConfirm{
	box-sizing : border-box ;
	width : 100% ;
	padding : 10px 15px ;
	margin : 0 0 25px ;
	border : #000 1px solid ;
	border-radius : 5px ;
	background : #fff ;
}

/***********************************************************
	#onigiriList
***********************************************************/
body #onigiri #onigiriList{
	float : left ;
	width : 630px ;
}
body #onigiri #onigiriList ul li{
	float : left ;
	width : 140px ;
	margin : 0 23px 40px 0 ;
}
body #onigiri #onigiriList ul li.last{
	margin-right : 0 ;
}
body #onigiri #onigiriList ul li p.thumbnail{
	margin : 0 0 10px ;
}
body #onigiri #onigiriList ul li p.area{
	margin : 0 0 10px ;
	border-bottom : #000 1px dotted ;
	text-align : center ;
	line-height : 180% ;
}
body #onigiri #onigiriList ul li p.subtitle{
	margin : 0 0 5px ;
}
body #onigiri #onigiriList ul li h3{
	font-weight : bold ;
}
body #onigiri #onigiriList ul li h3 a{
	color : #000 ;
}
body #onigiri #onigiriList ul li h3 a:hover{
	color : #f90 ;
}
body #onigiri #onigiriList ul li p.comment{
	position : relative ;
	margin : 15px 0 0 ;
	background : #000 ;
	border-radius : 5px ;
	color : #fff ;
	text-align : center ;
	line-height : 30px ;
}
body #onigiri #onigiriList ul li p.comment:hover{
	opacity : 0.7 ;
}
body #onigiri #onigiriList ul li p.comment a{
	display : block ;
	color : #fff ;
}
body #onigiri #onigiriList ul li p.comment:after{
	position : absolute ;
	content : " " ;
	left : 13px ;
	top : -8px ;
	width : 10px ;
	height : 8px ;
	background : url("../img/bg_comment.png") center center no-repeat ;
}

/***********************************************************
	#onigiriNav
***********************************************************/
body #onigiri #onigiriNav{
	float : right ;
	width : 300px ;
}
body #onigiri #onigiriNav .introduction{
	margin : 0 0 20px ;
	text-align : center ;
}
body #onigiri #onigiriNav .introduction h2{
	margin : 0 0 20px ;
}
body #onigiri #onigiriNav .introduction p.thumbnail{
	margin : 0 0 10px ;
}
body #onigiri #onigiriNav .introduction p.title{
	margin : 0 0 15px ;
}
body #onigiri #onigiriNav .introduction ul li{
	margin : 0 0 5px ;
}
body #onigiri #onigiriNav .newComment{
	margin : 0 0 20px ;
}
body #onigiri #onigiriNav .newComment h2{
	margin : 0 0 10px ;
}
body #onigiri #onigiriNav .newComment ul li{
	position : relative ;
	min-height : 70px ;
	padding : 10px 10px 10px 95px ;
	margin : 0 0 5px ;
	border : #ccc 1px solid ;
	border-radius : 5px ;
}
body #onigiri #onigiriNav .newComment ul li p.thumbnail{
	position : absolute ;
	left: 10px ;
	top : 10px ;
}
body #onigiri #onigiriNav .newComment ul li h3{
	font-weight : bold ;
	margin : 0 0 5px ;
}
body #onigiri #onigiriNav .newComment ul li h3 a{
	color : #000 ;
}
body #onigiri #onigiriNav .newComment ul li h3 a:hover{
	color : #f90 ;
}
body #onigiri #onigiriNav .newComment ul li p{
	font-size : 83.3% ;
	line-height : 160% ;
}
body #onigiri #onigiriNav .newComment ul li p.name{
	margin : 5px 0 0 ;
	text-align : right ;
	font-weight : normal ;
}
body #onigiri #onigiriNav .rule{
	padding : 0 19px 15px ;
	margin : 0 0 15px ;
	border : #000 1px solid ;
	border-top : none ;
}
body #onigiri #onigiriNav .rule h2{
	margin : 0 -19px 20px ;
	background : #000 ;
	text-align : center ;
	line-height : 32px ;
	font-size : 133.3% ;
	font-weight : bold ;
	color : #fff ;
}
body #onigiri #onigiriNav .rule h3{
	margin : 0 ;
}
body #onigiri #onigiriNav .rule dl{
	margin : 0 0 20px ;
}
body #onigiri #onigiriNav .rule dl dt{
	font-weight : bold ;
}
body #onigiri #onigiriNav .rule dl dd{
	margin : 0 0 10px ;
}
body #onigiri #onigiriNav .facebook,
body #onigiri #onigiriNav .twitter{
	margin : 0 0 15px ;
}
/***********************************************************
	#onigiriDetail
***********************************************************/
body #onigiri #onigiriDetail{
	float : left ;
	width : 630px ;
}
body #onigiri #onigiriDetail #comment{
	padding : 10px ;
	background : #f1f2f7 ;
	border-radius : 5px ;
}
body #onigiri #onigiriDetail #comment .header{
	margin : 0 0 16px ;
}
body #onigiri #onigiriDetail #comment .header h2{
	float : left ;
	margin : 0 ;
}
body #onigiri #onigiriDetail #comment .header p{
	float : right ;
	padding : 0 5px 0 0 ;
	line-height : 23px ;
	font-size : 133.3% ;
}
body #onigiri #onigiriDetail #comment .header p strong{
	font-size : 125% ;
}
body #onigiri #onigiriDetail #comment ul li{
	position : relative ;
	margin : 16px 0 0 ;
	padding : 15px 20px 10px ;
	background : #fff ;
	border-radius : 5px ;
}
body #onigiri #onigiriDetail #comment ul li.no-comment {
    text-align: center;
}
body #onigiri #onigiriDetail #comment ul li:after{
	position : absolute ;
	content : " " ;
	left : 37px ;
	top : -11px ;
	width : 14px ;
	height : 11px ;
	background : url("../img/bg_comment_detail.png") center center no-repeat ;
}
body #onigiri #onigiriDetail #comment ul li.no-comment:after{
	background : none !important;
}
body #onigiri #onigiriDetail #comment ul li p{
	margin : 0 0 10px ;
}
body #onigiri #onigiriDetail #comment ul li p.name{
	margin : 0 ;
	text-align : right ;
	font-size : 83.3% ;
	font-weight : normal ;
}