@charset "shift_jis";



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

/* reset

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



* {

	font-size:100%;

	line-height:1.6;

	margin:0px;

	padding:0px;

	list-style:none;

}

body {

	font-size:82%;

	text-align:center;

	color:#333333;

	background-color:#FFFFFF;

	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',Osaka,Verdana,Arial, Helvetica, sans-serif;

}

img {

	border:none;

	vertical-align:top;

}



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

/* 構造

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



#wrapper {

	width: 900px;

	margin: 0px auto;

	padding:30px 0 10px;

	text-align:left;

}

#header {

	width: 900px;

	padding-bottom:20px;

	height:1%;

}

#header_left {

	float:left;

	width:300px;

}

#header_right {

	float:right;

	width:580px;

}

#unavi_body {

	width:580px;

	text-align:right;

}

#unavi_body ul li {

	display:inline;

	font-size:10px;

	margin-right:10px;

	font-weight:bold;

}

#unavi_body a {

	text-decoration:none;

	color:#999999;

	border-left:3px solid #999999;

	padding-left:7px;

}

#unavi_body a:hover {

	color:#E98BC6;

	border-left:3px solid #E98BC6;

}

#header #logo {

	font-size:20px;

	font-weight:bold;

}

#header #logo a {

	text-decoration:none;

	color:#000000;

}

#header #txt {

	font-size:11px;

	color:#666666;

}

#header:after,

#header_right ul:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



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

/* global_navi

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



#global_navi {

	width: 90px;

	clear:both;

	font-size:11px;

}

#global_navi ul {

	width: 900px;

	margin-bottom:3px;

}

#global_navi ul li {

	width:179px;

	margin:0;

	float:left;

	border-right:1px solid #999999;

	background:#333333 url(../images/navi_bg.jpg) repeat-x left bottom;

	font-weight:bold;

	font-size:12px;

}

#global_navi ul li.gnavi_last {

	border-right:none !important;

}

#global_navi ul li a {

	padding:7px 5px 7px 15px;

	color:#FFFFFF;

	text-decoration:none;

	display:block;

	background:url(../images/pnt_gnavi.gif) no-repeat 5px 9px;

	border-bottom:3px solid #E98BC6;

}

#global_navi ul li a:hover {

	color:#E98BC6;

	display:block;

	border-bottom:3px solid #FF0080;

}

#global_navi ul:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



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

/* local_navi

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



#local_navi a {

	text-decoration:none;

	color:#666666;

}

#local_navi a:hover {

	color:#E98BC6;

}

#local_navi h2 {

	padding:7px 10px;

	width:180px;

	background:#333333 url(../images/navi_bg.jpg) repeat-x left bottom;

	font-weight:bold;

	color:#FFFFFF;

	border-bottom:3px solid #E98BC6;

}

#local_navi p {

	background:url(../images/pnt_lnavi.gif) no-repeat 5px 9px;

	padding:7px 5px 7px 15px;

	color:#666666;

	font-weight:bold;

	text-decoration:none;

	display:block;

	border-bottom:1px solid #CCCCCC;

}

#local_navi ul {

	padding:4px 0px 4px 10px;

}

#local_navi li {

	background:url(../images/lnavi_icon.gif) no-repeat 3px 8px;

	padding:2px 5px 2px 15px;

	border-bottom:1px dotted #CCCCCC;

}

.side_bnr {

	margin:20px 0;

}

.side_bnr h2 {

	padding:7px 10px;

	margin-bottom:10px;

	width:180px;

	background-color:#333333;

	font-weight:bold;

	color:#FFFFFF;

	border-bottom:3px solid #000000;

}

.side_bnr p {

	margin-bottom:10px;

}



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

/* pankuzu

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



#pankuzu {

	margin:10px 0;

	padding:5px;

	background-color:#EEEEEE;

}

#pankuzu p {

	font-size:80%;

	margin:0;

}

#pankuzu p a {

	background:url(../images/pankuzu_ico.gif) no-repeat center right;

	padding-right:15px;

	margin-right:5px;

}



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

/* main

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



#top_main,

#main {

	clear:both;

	width: 900px;

	text-align:left;

}

#top_main {

	padding-top:20px;

}

#top_main:after,

#main:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#main_side {

	float:left;

	width:200px;

}

#main_contents {

	float:right;

	width:680px;

}

#page_main #main_contents {

	float:none;

	width:900px;

}



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

/* footer

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



#footer {

	width:870px;

	clear:both;

	margin:0 auto;

	padding: 10px 15px;

	background-color:#333333;

}

#footer:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#footer li {

	font-size:10px;

	display:inline;

	padding:0 0.5em 0 0;

	margin:0.5em 0.5em 0.5em 0;

	border-right:1px solid #999999;

}

#footer ul li a {

	color:#FFFFFF;

	display:inline-block;

}

#footer ul li a:hover {

	color:#CCCCCC;

}

address {

	clear:both;

	color:#CCCCCC;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	margin-top: 10px;

}

#copy {

	width:900px;

	margin:5px auto;

	text-align:right;

}

#copy p a {

	text-decoration:none;

	font-size:10px;

	color: #999999;

}

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

@charset "shift_jis";



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

/* top page

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

#top_main #main_contents h2 {

	clear:both;

	border-right:1px solid #333333;

	border-bottom:1px solid #333333;

	background-color:#E98BC6;

	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 #990033;

}

.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:#FAE7F2;

	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: #990033;}

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;

}

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