@charset "shift_jis";

/* /////////////////////////////////////////// */
/* top page
/* /////////////////////////////////////////// */
#top_main #main_contents h2 {
	clear:both;
	border-right:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	background-color:#FFCC00;
	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 #FF6600;
}
.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:#FFF3C4;
	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;
	background-color: #cccc00;
}
#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: #FF6633;}
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;
}
/* //////////////////////////////////// */