@charset "shift_jis";
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 1.8;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF;
	/*background: #2b333f;*/
}
h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
p {
	padding-bottom: 10px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: bottom;
}


/*HPを囲む枠。両サイドの影を入れている。
------------------------------------------------------------------*/
#wrapper {
	background: #FFFFFF url(images/bg.gif) repeat-y center;
	width: 794px;
	margin-right: auto;
	margin-left: auto;
}


/*HP本体の枠。ここは基本的に変更しないように。
------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}


/*ヘッダー。メイン画像が入っている所。
------------------------------------------------------------------*/
#header {
	background: url(images/main_img.jpg) no-repeat left top;
	height: 140px;
	position: relative;
}


/*ヘッダー内のh1タグの設定。
------------------------------------------------------------------*/
#header h1 {
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	left: 20px;
	top: 4px;
	width: 745px;
}


/*メインメニューの設定。
------------------------------------------------------------------*/
#menu li {
	display: inline;
	text-align: right;
}


/*コンテンツ。文章が入る２列部分の背景をここで設定。
------------------------------------------------------------------*/
#contents {
	padding-top: 20px;
}

#contents a {
	color: #000066;	/*リンクの文字色*/
}
#contents a:hover {
	color: #0000ff;	/*カーソルオーバー時の文字色*/
	position: relative;
	left: 1px;	/*オーバー時に左から1px移動する設定*/
	top: 1px;	/*オーバー時に上から1px移動する設定*/
}

/*メインコンテンツ。（左側）
------------------------------------------------------------------*/
#main {
	float: right;
	width: 700px;
	display: inline;
	margin-right: 40px;
	margin-left: 40px;
}
#main p {
	padding-right:20px;
	padding-left: 20px;
}

#main h2 {
	margin: 10px 0 10px 0;
}

#main h3 {
	background: url(images/midashi_base2.gif) no-repeat 0px center;
	height: 41px;
	padding: 15px 0 5px 15px;
	font-size: 120%;
	color: #FFFFFF;	/*文字色を白色に*/
	letter-spacing: 0.2em;	/*文字の間隔を少し広げる*/
	clear: both;
}


/*TOPICS部分。
------------------------------------------------------------------*/
ul#topics {
	padding: 0px 12px 20px 20px;
}
#topics li {
	border-bottom: 1px dotted #CCCCCC;
	text-indent: -1em;
	padding-left: 1em;
}


/*フッター。コピーライトや著作部分。
------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 780px;
	font-size: 85%;
	text-align: center;
	background: #999999 url(images/footer.gif) no-repeat bottom;
	height: 60px;
	padding-top: 10px;
	color: #FFFFFF;
}
#footer a {
	color: #FFFFFF;
}

/*clearfix（※ここは変更しない）
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */

/*Layout CSS
------------------------------------------------------------------*/
.comborder {
	margin:5px;
	padding:10px 0;
	border-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-color: #CCCCCC;
}

dl {  
	border:1px dotted #999;  
	width:660px;
	margin: 10px;
}  
dt {  
	float:left;  
	width:100px;  
	padding:5px 0 5px 10px;  
	clear:both;  
	font-weight:bold;  
}  
dd {
	width:540px;  
	margin-left:100px;  
	padding:5px 5px 5px 10px;  
	border-left:1px dotted #999;  
}

.style1 {color: #FF0000}

#tokutei {
	margin: 10px;
}

#tokutei td {
	padding: 5px;
	border-bottom: dotted 1px #999999;
}

.price {
	border-style: dotted 1px;
	padding: 5px;
	background: #EEEEEE;
}

/*Conversion CSS
------------------------------------------------------------------*/
.c12-120 { font-size: 12px; line-height: 120%; }
.c12-130 { font-size: 12px; line-height: 130%; }
.c12-140 { font-size: 12px; line-height: 140%; }
.c12-140b { font-size: 12px; font-weight: bold; line-height:
 140% }
.c12-140br { font-size: 12px; font-weight: bold; line-height
: 140%; color:red }
.c13-140 { font-size: 13px; line-height: 140%; }
.c13-140b { font-size: 13px; font-weight: bold;line-height: 
140%; }
.c13-140br{ font-size: 13px; font-weight: bold;line-height: 
140%; color:red }
.c14-140 { font-size: 14px; line-height: 140%; }
.c14-140b { font-size: 14px; font-weight: bold;line-height: 
140% }
.c14-140br { font-size: 14px; font-weight: bold;line-height:
 140%; color:red }
.c15-140 { font-size: 15px; line-height: 140%; }
.c15-140b { font-size: 15px;font-weight: bold; line-height: 
140% }
.c15-140br { font-size: 15px; font-weight: bold;line-height:
 140%; color:red }
.c16-140 { font-size: 16px; line-height: 140% }
.c16-140b { font-size: 16px; font-weight: bold; line-height:
 140% }
.c16-140br { font-size: 16px; font-weight: bold;line-height:
 140%; color:red }
.c18-150b { font-size: 18px; font-weight: bold; line-height:
 150%; }
.c18-150br { font-size: 18px; font-weight: bold; line-height
: 150%; color:red }
.c20-160b { font-size: 20px; font-weight: bold; line-height:
 160%; }
.c20-160br { font-size: 20px; font-weight: bold; line-height
: 160%; color: red; }
.c22-180b { font-size: 22px; font-weight: bold; line-height:
 180%; }
.c22-180br { font-size: 22px; font-weight: bold; line-height
: 180%; color: red; }
.c24-200b { font-size: 24px; font-weight: bold; line-height:
 200%; }
.c24-200br { font-size: 24px; font-weight: bold; line-height
: 200%; color: red; }