@charset "shift_jis";



/* /////////////////////////////////////////// */

/* top page

/* /////////////////////////////////////////// */

#top_main #main_contents h2 {

	clear:both;

	border-right:1px solid #333333;

	border-bottom:1px solid #333333;

	background-color:#4D231C;

	color:#FFFFFF;

	padding:4px;

	margin:0px 0px 0.8em;

}

#top_pic p {

	clear:both;

	margin:0 0 20px 0;

}



/* ----------------------------------- contents_item */

.contents_item {

	margin-bottom:20px;

}

.contents_item ul li {

	border-bottom:1px dotted #CCCCCC;

}

.contents_item ul li.ico_info {

	background:url(../images/ico_info.gif) no-repeat 0 6px;

	padding:3px 0px 3px 85px;

}

.contents_item ul li.ico_new {

	background:url(../images/ico_new.gif) no-repeat 0 6px;

	padding:3px 0px 3px 85px;

}

.contents_item ul li.ico_cam {

	background:url(../images/ico_cam.gif) no-repeat 0 6px;

	padding:3px 0px 3px 85px;

}

.contents_item ul li span {

	font-weight:bold;

	margin:0 8px 0 0;

	padding:0 3px;

	background-color:#EEEEEE;

}



/* ----------------------------------- contents_cam */

.contents_cam {

	margin-bottom:20px;

}

.contents_cam ul {

	clear:both;

	height:1%;

}

.contents_cam ul:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.contents_cam ul li {

	float:left;

	margin:0 20px 10px 0 !important;

	padding:0 !important;

	width:155px !important;

	font-weight:bold;

	background:none !important;

	border:none !important;

}

.contents_cam ul li img {

	padding:4px;

	border:1px solid #CCCCCC;

	margin-bottom:5px;

}

.contents_cam ul li a:hover img {

	border:1px solid #CC9999;

}

.contents_cam ul li.last {

	margin:0 0 10px 0 !important;

}

/* /////////////////////////////////////////// */

/* pagetop

/* /////////////////////////////////////////// */

.pagetop {

	clear:both;

	text-align:right;

	font-size:10px;

}

.pagetop a {

	background:url(../images/pagetop.gif) no-repeat 0 7px;

	padding:2px 0 2px 10px;

}



/* //////////////////////////////////// */

/* 見出しタグ

/* //////////////////////////////////// */



#main #main_contents h1,

#page_main #main_contents h1 {

	font-size:130%;

	font-weight:bold;

	background-color:#333333;

	color:#FFFFFF;

	padding:10px 10px 5px;

	margin:0 0 1.5em;

}

#main #main_contents h2,

#page_main #main_contents h2 {

	clear:both;

	border-right:1px solid #333333;

	border-bottom:1px solid #333333;

	background-color:#ECE3E0;

	color:#333333;

	padding:4px 5px;

	margin:1.5em 0px;

}

#main #main_contents h3,

#page_main #main_contents h3 {

	clear:both;

	border-top:1px solid #EEEEEE;

	border-left:1px solid #EEEEEE;

	border-right:1px solid #666666;

	border-bottom:1px solid #666666;

	padding:4px 5px;

	margin:1.5em 0px;

}

#main #main_contents h4,

#main #main_contents h5,

#page_main #main_contents h4,

#page_main #main_contents h5 {

	clear:both;

	border-bottom:1px solid #000000;

	padding:4px 5px;

	margin:1.5em 0px;

}

#main #main_contents p,

#page_main #main_contents p {

	margin:1.5em 0px;

}

#main #main_contents ul,

#main #main_contents ol,

#page_main #main_contents ul,

#page_main #main_contents ol {

	margin-bottom:10px;

}

#main #main_contents ul li,

#page_main #main_contents ul li {

	background:url(../images/list_icon.gif) no-repeat 4px 8px;

	padding:3px 0px 3px 25px;

	border-bottom:1px dotted #CCCCCC;

}

#main #main_contents ul.ul_box,

#main #main_contents ol.ol_box,

#page_main #main_contents ul.ul_box,

#page_main #main_contents ol.ol_box {

	margin-bottom:0px;

	border:1px solid #999999;

	padding:10px;

	margin-bottom:10px;

}

#main #main_contents .ol_box,

#page_main #main_contents .ol_box {

	list-style-type: decimal;

}

#main #main_contents ol li,

#page_main #main_contents ol li {

	padding:3px 0px 3px 0px;

	list-style-type: decimal;

	margin-left:28px;

}

hr {

	clear:both;

}

a:link, a:visited, a:active {text-decoration: underline;color: #CC9999;}

a:hover {text-decoration: none;color: #999999;}

table {

	border-collapse:collapse;

	border-spacing:0;

}





/* //////////////////////////////////// */

/* class

/* //////////////////////////////////// */



.p_photo_l img {

	float:left;

	border: 1px solid #DDDDDD;

	background-color: #FFFFFF;

	padding: 4px;

	margin-right: 10px;

	margin-bottom: 10px;

}

.p_photo_r img {

	float:right;

	border: 1px solid #DDDDDD;

	background-color: #FFFFFF;

	padding: 4px;

	margin-left: 10px;

	margin-bottom: 10px;

}



.text_red{color: #CC0000;}

.text_blue{color: #3333CC;}

.text_green{color: #006600;}

.text_orange{color: #FF6600;}



.text_bold{font-weight: bold;}



table.tbl_nomal {

	width:100%;

	margin-bottom: 20px;

	border-top: #999999 1px solid;

	border-left: #999999 1px solid;

}

table.tbl_nomal caption {

	text-align:left;

	font-size:100%;

	margin:5px 0;

	font-weight:bold;

}

table.tbl_nomal th {

	background-color: #F5F5F5;

	vertical-align: top;

	text-align: left;

	padding: 3px 5px;

	border-right: #999999 1px solid;

	border-bottom: #999999 1px solid;

}

table.tbl_nomal td {

	background-color: #FFFFFF;

	vertical-align: top;

	text-align: left;

	padding: 3px 5px;

	border-right: #999999 1px solid;

	border-bottom: #999999 1px solid;

}

table.tbl_nomal p {

	margin-bottom: 0px !important;

}





/* //////////////////////////////////// */

/* item page

/* //////////////////////////////////// */



#photo_big {

	margin-bottom: 20px;

}

#photo_big:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#photo {

	float:left;

	width:360px;

}

#photo_big p {

	margin:0 !important;

}

#photo img {

	border: 1px solid #DDDDDD;

	background-color: #FFFFFF;

	padding: 4px;

}

#comment {

	float:right;

	width:300px;

}

#comment table {

	width:100%;

	margin-bottom:20px;

}

#comment table th {

	width:70px;

	padding:10px 5px;

	border-bottom: 1px solid #DDDDDD;

}

#comment table td {

	padding:10px 5px;

	border-bottom: 1px solid #DDDDDD;

}

#comment table td select {

	padding:3px 5px;

}

/* //////////////////////////////////// */