
@import url("reset.css");


body	{
	background: #f5f5f5;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka;
	font-size: 62.5%;
	font-weight: normal;
}
html>body	{
	font-size: 10px;
}


/* リンク */
a	{
	color: #666;
	text-decoration: underline;
}
a:focus, a:hover, a:active	{
	color: #ddd !important;
	text-decoration: underline;
}
a:visited	{
	color: #666;
	text-decoration: underline;
}


/*-----------------------------------------

		一般設定

-----------------------------------------*/

img	{
	padding: 0;
	vertical-align: bottom;
}

.bold	{
	font-weight: bold;
}

.red	{
	color: #c6070c;
}

.center	{
	text-align: center !important;
}

.fontL	{
	font-size: 1.15em;
}

.clear	{
	clear: both;
}


/*-----------------------------------------

		フォーム共通

-----------------------------------------*/

input	{
	background: #fff;
	color: #666;
	font-size: 1.4em;
	padding: 8px;
	vertical-align: middle;
	_height: 34px;
}


/*-----------------------------------------

		layout

-----------------------------------------*/

#wrp	{
	margin: 0 auto;
	text-align: center;
}

#main	{
	background: url(../images/main.png) repeat-y center;
	clear: both;
	margin: 0 auto;
	text-align: center;
	width: 830px;
}


/*-----------------------------------------

		コンテンツ / Content

-----------------------------------------*

/* タイトル */
h2	{
	padding: 20px 0;
	text-align: center;
}

h3	{
	padding: 30px 0 25px;
	text-align: center;
	font-size: 27px;
	font-weight: bold;
	clear: both;
}

h4{
	padding: 20px 0 20px;
	font-size: 2em;
	font-weight: bold;
}

#gold h4{
	padding: 20px 0 15px;
	font-size: 1.8em;
	font-weight: bold;
}



/* テキスト */
.textsection	{
	margin: 0 auto;
	padding: 0 0 40px;
	text-align: left;
	width: 700px;
}

.left	{
	float: left;
	padding-left: 65px;
	width: 450px;
	_width: 515px;
}


/* テキスト */
p	{
	font-size: 1.6em;
	line-height: 2;
	margin-bottom: 1.5em;
}




/* 上部フォーム */
.form_top	{
	background: url(../images/form_top.png) no-repeat;
	height: 372px;
	margin: 20px auto 50px;
	text-align: center;
	width: 589px;
}
	.form_top img	{
		margin: 30px 0 12px;
	}
	.form_top input	{
		width: 266px;
	}
	.form_top input.btn_top	{
		background: url(../images/btn_top.png) no-repeat 0 0;
		border: none;
		height: 43px;
		margin-left: 5px;
		width: 232px;
		cursor: pointer;
	}
	.form_top input:hover.btn_top	{
		background: url(../images/btn_top.png) no-repeat 0 -43px;
	}	
	
/* 下部フォーム */
.form	{
	background: url(../images/form.png) no-repeat;
	height: 162px;
	margin: 30px auto;
	text-align: center;
	width: 469px;
}
	.form input	{
		margin-top: 35px;
		width: 360px;
	}
	.form input.btn	{
		background: url(../images/btn.png) no-repeat 0 0;
		border: none;
		height: 53px;
		margin-top: 12px;
		width: 322px;
		cursor: pointer;
	}
	.form input:hover.btn	{
		background: url(../images/btn.png) no-repeat 0 -53px;
	}	

form td{
	vertical-align: middle;
}

form textarea{
	height: 200px;

}


/* リスト */
.textsection ul	{
	margin: 0 auto 40px;
	width: 675px;
}
	.textsection ul li	{
		padding-bottom: 10px;
	}


/*---------------------------
m 追記

----------------------------*/
.indexGo img{
	margin-left: 25px;
	margin-right: 25px;
}
.indexGo a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.indexOrder img{
	margin: 0;
}
.indexOrder a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 50px;
}

table td {
    padding: 5px;
    border-width: 0 0 1px 1px;
    padding: 10px;
}

table h5{
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
table p{
	font-size: 1.3em;
}

blockquote{
color:#555555; 
border-style:dotted; 
border-width:2px 2px 2px 2px;
border-color:#C71585;
}

.table01	{
	border-top: solid 1px #efefef;
	margin: 0 auto 50px;
	width: 600px;
}
	.table01 th	{
		background: #efefef;
		border-bottom: solid 1px #fff;
		font-size: 1.2em;
		padding: 10px;
		width: 180px;
	}
	.table01 td	{
		border-bottom: solid 1px #efefef;
		font-size: 1.2em;	
		padding: 10px;
	}


/*-----------------------------------------

		フッター / Footer

-----------------------------------------*/

#footer	{
	background: #000 url(../images/footer.png) repeat-x top;
	clear: both;
	height: 110px;
	margin: 40px auto 0;
	text-align: center;
	width: 800px;
}
#footer #btmlinks	{
	color: #999;
	font-size: 1em;
	padding-top: 70px;
}
#footer #btmlinks a	{
	color: #999;
	padding: 0 30px;
	text-decoration: none;
}


.voice {
	border: 1px solid #999;
	padding: 10px;
	margin-bottom: 30px;
}



ul li {
	list-style:none;
	background-image:url(../images/blet.png);
	background-repeat:no-repeat;
	padding:0 25px 0 45px;
	margin:15px 0;
	line-height:1.9em;
	font-size:16px;
	color:#444;
}

ul#normal_li li{
	list-style-type: disc;
	padding:0 25px 0 15px;
	font-size: 16px;
	line-height: 1.8em;
	background-image: none;
}



#mail_form {
	text-align:center;
	width:675px;
	border:solid 3px #CCC;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 10px;
	padding:30px 10px 0px;
	margin:40px auto 30px;
}
#mail_form h3{
	margin-top: 0px;
	padding-top: 0px;
}
#mail_form table{
	margin-bottom: 20px;
}
#mail_form input.input_mail{
	width: 350px;
	font-size: 18px;
}
#mail_form input:hover{
     filter:alpha(opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
}
#mail_form a:hover{
     filter:alpha(opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
}


#mail_form:after{
      content: ".";
     display: block;
     height: 1px;
     clear: both;
     visibility: hidden;
}
#mail_form{
     display:inline-block;
     /* MAC IE用　*/
     min-height:1%;
     /* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html #mail_form{
     height: 1%;
}
#mail_form{
     display: block;
}

/*--ここまでMAC IEは非適用 */

#mail_form p{
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

#double_btn p{
	float:left;
	padding-left: 0px;
	padding-right: 0px;
}

/*---botton*/
#mail_form2 h3{
	margin-top: 0px;
	padding-top: 0px;
}
#mail_form2 table{
	margin-bottom: 20px;
}
#mail_form2 input.input_mail{
	width: 350px;
	font-size: 18px;
}
#mail_form2 input:hover{
     filter:alpha(opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
}
#mail_form2 a:hover{
     filter:alpha(opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
}


#mail_form2:after{
      content: ".";
     display: block;
     height: 1px;
     clear: both;
     visibility: hidden;
}
#mail_form2{
     display:inline-block;
     /* MAC IE用　*/
     min-height:1%;
     /* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html #mail_form2{
     height: 1%;
}
#mail_form2{
     display: block;
}



/* サイド　紹介 */
#side	{
	background: #fafafa;
	border: solid 1px #dadada;
	float: right;
	margin: 0 0px 10px 10px;
	_margin: 0 25px 30px 0;
	padding: 1px;
	width: 230px;
}
	#side h3	{
		background: url(../images/side_bg.png) repeat-x top;
		font-size: 1.3em;
		font-weight: bold;
		padding:15px 15px 10px;
		text-align: left;
	}
		#side h3 small	{
			font-size: 0.75em;
		}
	#side img	{
		border: solid 3px #fff;
		text-align: center;
	}
	#side p	{
		font-size: 1.2em;
		line-height: 1.4;
		padding:15px 15px 5px;
		text-align: left;
	}

