@charset"shift_jis";


/* ::: 基本設定 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

* {
	margin: 0;
	padding: 0;
	border: 0;
	zoom: 1;
}

body {
	background: #ffffff url(../images/base/background_base.gif);
}

body, div, p, ol, ul, li, dl, dt, dd {
	color:#444444;
	font: normal normal normal 13px/150% Verdana, "メイリオ", "ＭＳ ゴシック", osaka, sans-serif;
	letter-spacing: 1px;
}

br {
	letter-spacing: 0;
}

/* ::: IEでリストの丸ポチ・数字が表示されないバグ回避 ::: */
ul, ol, li {
	zoom: normal;
}

.clearfix{
	clear:both;
}



/* ::: リンクスタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

a:link, a:visited {
	color: #9cbb1c;
}

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

#contents a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}


/* ::: ページ全体を囲ってるdiv　：　ページ全体を中央寄せ ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#inhalt {
	text-align: left;
	vertical-align: middle;
	margin: 10px auto;
	width: 800px;
	border-bottom: solid 5px #e73562;
}




/* ::: span用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

span.span_red {
	font-weight: bold;
	color: #f887ad;
}

span.span_red2 {
	color: #f887ad;
	font-size:18px;
	font-weight:bold
}

span.span_gray {
	color: #777777;
}

span.span_bold {
	font-weight: bold;
}
span.span_16px {
	font-weight: bold;
	font-size:16px;
}

span.span_strong {
	font-size: 16px;
	font-weight: bold;
	color: #f887ad;
}




/* ::: p用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

p {
	padding-left: 10px;
}

p.p_margin_top_20px {
	margin-top: 20px;
}
p.p_margin_bottom_10px {
	margin-bottom: 10px;
}

p.p_margin_bottom_20px {
	margin-bottom: 20px;
}

p.p_end {
	margin-bottom: 50px;
}

p.p_banner {
	padding: 0;
	margin-bottom: 50px;
}

p.p_float_right {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

p.p_float_left {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

.left {
	width:180px;
	margin: 10px 10px 30px 0;
	float: left;
	display:block;
	overflow:hidden;
}
.right {
	width:365px;
	margin: 10px 0 30px;
	float: right;
	display:block;
	overflow:hidden;
}

.p_txtimg {
	margin: 0;
	padding: 0;
}




/* ::: テーブル用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#contents_right table { margin:0; padding:0; border:1px solid #ccc; width:100%; margin-bottom:10px;}
#contents_right table tr.line { background-color:#FFFFCC; color:#f887ad; font-weight:bold;}
#contents_right table td { border:1px dotted #ccc; padding:10px; width:50%; text-align:center;}
#contents_right table td.price { text-align:right;}
#contents_right table td.menu {text-align:left;} 

/* ::: header用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header_index {
	width: 800px;
	background-color:#FFFFFF;
}

#header_index p {
background-color:#e73562;
font-weight:bold;
color:#fff;
font-size:11px;

padding:2px 10px;
}

#header_contents {
	width: 800px;
}


/* ::: contents用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents {
	width: 800px;
	background-color: #ffffff;
	padding: 20px 0 30px 0;
}

#contents #navi_left {
	width: 190px;
	height: 500px;
	float: left;
	padding: 0 20px 0 0;
}

#contents #contents_right {
	width: 570px;
	padding: 0 20px 0 0;
	float: left;
}

#contents:after {
	content: " ";
	clear: both;
	width: 800px;
	height: 0;
	display: block;
	visibility: hidden;
}










/* ::: ナビゲーション用スタイル ::: */

#navi_left ul {
	list-style-type: none;
	border-top: 1px solid #ffabc7;
}

#navi_left li {
	font-size: 12px;
	line-height: 30px;
	border-bottom: 1px solid #ffabc7;
}

#navi_left li a {
	display: block;
	padding-left: 25px;
	text-decoration: none;
	color: #888888;
	background: url(../images/base/a_icon.gif) no-repeat left top;
}

#navi_left li a:hover {
	color: #ffabc7;
	background: url(../images/base/a_icon.gif) no-repeat left center;
}

#navi_left li a#active {
	background: url(../images/base/a_icon.gif) no-repeat left bottom;
}

#navi_left #banner{
	margin-top: 50px;
}











/* ::: footer用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer {
	padding:20px 0;
	width: 800px;
	text-align:center;
	background: #ffffff;
	border-top: 2px solid #efefef;
}

#footer p {
	padding: 0;
	font-size: 11px;
	color: #f887ad;
}



/* ::: h2・h3表題用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h2 {
	margin-bottom: 20px;
	padding-left: 60px;
	font-size: 18px;
	font-weight: bold;
	line-height: 42px;
	color: #777777;
	background: url(../images/base/h2_icon.gif) no-repeat left center;
}

h3 {
	margin:20px 0;
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	color: #555555;
	background: url(../images/base/h3_icon.gif) no-repeat left center;
}

h4 {
	margin-top:20px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	color: #555555;
	border-left: solid 10px #eb6ea0;
	border-bottom: solid 2px #eb6ea0;
}


/* ::: リスト用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents_right ol li, #contents_right ul li {
	margin-bottom: 3px;
}



/* ::: 数字リスト ::: */

#contents_right ol {
	margin-left: 50px;
	list-style-type: decimal-leading-zero;
}



/* ::: 丸ぽちリスト ::: */
	
#contents_right ul {
	margin-top: 10px;
	margin-left: 35px;
}
#contents_right ul li {
	list-style-type:circle;
}



/* ::: 回り込みリスト ::: */
	
#contents_right ul.ul_float {
	margin-top: 10px;
	margin-left: 35px;
}
#contents_right ul.ul_float li {
	width: 250px;
	float: left;
	list-style-type:circle;
}


/* ::: 定義リスト用スタイル ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contents_right dl {
	margin: 10px 0 10px 10px;
}

#contents_right dt {
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 120%;
	border-left: solid 8px #eb6ea0;
}
#contents_right dd {
	padding: 3px 0 20px 30px;
	border-top: solid 1px #eb6ea0;
}









/* ::: 画像用ボーダー ::: */

img.img_border {
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #de82a7;
}

