@charset "utf-8";

/*共通*/

* {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	}
html{
	margin: 0px;
	padding: 0px;
}
body{
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333333;
	text-align: center;
	background: url(images/body_bg.gif) repeat-x fixed left top;
	margin: 0px;
	padding: 0px;
	min-width:660px;
}
a:link,
a:visited{
	color: #0000FF;
}
a:hover,
a:active{
	color: #FF6600;
}
img,
a:link img,
a:visited img{
	border:0
}
h1,h2,h3,h4,h5,h6{
	margin: 5px 0px;
	padding: 0px;
}
h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
h6{
}
p{
	margin: 30px 0px;
	padding: 0px;
}
hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
}
ul,ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
li{
	list-style-type: none;
	background: url(images/accept.jpg) no-repeat left 4px;
	padding: 0px 0px 7px 20px;
}
.box_btm_red li{
	background: url(images/accept_red.jpg) no-repeat left 4px;
}
.box_btm16 li{
	list-style-type: none;
	background: url(images/accept.jpg) no-repeat left 7px;
	padding: 0px 0px 0px 19px;
}
form{
	margin: 0px;
	padding: 0px;
}

.hgs14{
	font: 14px/30px "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
}
.hgs16{
	font: 16px/30px "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
}
.hgs18{
	font: 16px/30px "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
}

*:first-child+html .hgs14,
*:first-child+html .hgs16,
*:first-child+html .hgs18{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}
* html .hgs14,
* html .hgs16,
* html .hgs18{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
} 

.line{
	text-decoration: underline;
}
.bgoff{
	background:none;
}

/*カラー*/

.red{
	color: #FF0000;
}
.bg_y{
	background: #ffff00;
}
.bg_o{
	background: #ff66f00;
}
.bg_d_y{
	background: #ffffee;
}
.bg_d_b{
	background: #f0f8ff;
}
.bg_m_r{
	background: #d02122;
}

/*位置調整*/

.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.imgL{
	float: left;
	margin-right: 5px;
}
imgR{
	float: right;
	margin-left: 5px;
}
.clear{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0;
	display: block;
	background: transparent no-repeat;
}
.clearfloat{
	display:block
}
.clearfloat:after{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

/*レイアウト*/

#wrapper{
	margin: 0px auto 36px;
	padding: 0px 0px 1px;
	width: 672px;
	position: relative;
}
#container{
	margin: 0px auto 0px;
	padding: 1px 0px 30px;
	width: 100%;
	background: url(images/bg.png) repeat-y left top;
	text-align: left;
}
*html #container{
behavior: expression(IEPNGFIX.fix(this));
}
#header{
	background: url(images/header.jpg);
	margin: -6px 0px 0px 6px;
	padding: 0px;
	height: 414px;
	width: 660px;
	text-indent: -5000px;
}
#catch1{
	background: url(images/catch1.jpg) no-repeat left top;
	margin: 20px 0px 0px 100px;
	padding: 0px;
	height: 148px;
	width: 461px;
	text-indent: -5000px;
}
#catch2{
	background: url(images/catch2.jpg) no-repeat left top;
	margin: 20px 0px 0px 36px;
	padding: 0px;
	height: 48px;
	width: 600px;
	text-indent: -5000px;
}
#catch3{
	background: url(images/catch3.jpg) no-repeat left top;
	margin: 20px 0px 0px 61px;
	padding: 0px;
	height: 160px;
	width: 497px;
	text-indent: -5000px;
}
#catch4{
	background: url(images/catch4.jpg) no-repeat left top;
	margin: 15px 0px 25px 61px;
	padding: 0px;
	height: 112px;
	width: 425px;
	text-indent: -5000px;
}
#catch5{
	background: url(images/catch5.jpg) no-repeat left top;
	margin: 20px 0px 0px 61px;
	padding: 0px;
	height: 101px;
	width: 561px;
	text-indent: -5000px;
}
#catch6{
	background: url(images/catch6.jpg) no-repeat left top;
	margin: 20px 0px 20px 36px;
	padding: 0px;
	height: 36px;
	width: 600px;
	text-indent: -5000px;
}
#catch7{
	background: url(images/catch7.jpg) no-repeat left top;
	margin: 20px 0px 20px 61px;
	padding: 0px;
	height: 84px;
	width: 528px;
	text-indent: -5000px;
}
#catch8{
	background: url(images/catch8.jpg) no-repeat left top;
	margin: 20px 0px 20px 61px;
	padding: 0px;
	height: 85px;
	width: 564px;
	text-indent: -5000px;
}
#catch9{
	background: url(images/catch9.jpg) no-repeat left top;
	margin: 20px 0px 20px 61px;
	padding: 0px;
	height: 136px;
	width: 423px;
	text-indent: -5000px;
}
#catch10{
	background: url(images/catch10.jpg) no-repeat left top;
	margin: 20px 0px 20px 61px;
	padding: 0px;
	height: 92px;
	width: 566px;
	text-indent: -5000px;
}
#catch11{
	background: url(images/catch11.jpg) no-repeat left top;
	margin: 20px 0px 20px 61px;
	padding: 0px;
	height: 93px;
	width: 426px;
	text-indent: -5000px;
}
#catch12{
	background: url(images/catch12.jpg) no-repeat left top;
	margin: 20px 0px 20px 61px;
	padding: 0px;
	height: 92px;
	width: 544px;
	text-indent: -5000px;
}
#why1{
	background: url(images/1.jpg) no-repeat left top;
	margin: 20px 0px 20px 50px;
	padding: 0px;
	height: 71px;
	width: 585px;
	text-indent: -5000px;
}
#why2{
	background: url(images/2.jpg) no-repeat left top;
	margin: 20px 0px 20px 50px;
	padding: 0px;
	height: 42px;
	width: 278px;
	text-indent: -5000px;
}
#ground1{
	background: url(images/ground01.jpg) no-repeat left top;
	margin: -10px 0px -20px 61px;
	padding: 0px;
	height: 49px;
	width: 167px;
	text-indent: -5000px;
}
#ground2{
	background: url(images/ground02.jpg) no-repeat left top;
	margin: -10px 0px -20px 61px;
	padding: 0px;
	height: 49px;
	width: 173px;
	text-indent: -5000px;
}
.proof{
	margin: 0px 36px 0px 36px;
}
ul{
	margin: 0px;
	padding: 21px 0px 4px 0px;
	background: url(images/box_bg.gif) no-repeat left top;
	height: auto;
	width: 550px;
}
li{
margin: 0px 25px 0px 25px;
}
.content{
	line-height: 30px;
	background: url(images/note.gif);
	margin: 30px 61px 30px 61px;
}
.note_no{
	line-height: 30px;;
	margin: 30px 61px 30px 61px;
}
.box_btm{
	background: url(images/box_btm.gif) no-repeat left bottom;
	margin: 0px 61px 25px;
	padding: 0px 0px 11px 0px;
	height: auto;
	width: 550px;
}
.box_btm16{
	background: url(images/box_btm.gif) no-repeat left bottom;
	margin: 0px 61px 25px;
	padding: 0px 0px 11px 0px;
	height: auto;
	width: 550px;
}
.box_btm_red{
	background: url(images/box_btm.gif) no-repeat left bottom;
	margin: 0px 61px 25px;
	padding: 0px 0px 11px 0px;
	height: auto;
	width: 550px;
}
#ps{
	margin: 0px 0px -20px 61px;
	padding: 0px 0px 0px 0px;
	font-size: 1.25em;
}
.recommend{
	margin: 0px 0px 0px;
	padding: 10px 0px 4px 0px;
	background: url(images/box_bg.gif) no-repeat left top;
	height: auto;
	width: 550px;
}
.recommend h3{
	margin: 0px 20px 0px!important;
	padding: 0px 0px 3px 0px;
	font-size: 1.1em;
	display: inline;
}
.recommend img{
	float: left;
	margin: 20px 20px 10px 20px;
}
.recommend p{
	margin: 10px 20px 0px!important;
}
.recommend h3{
}
.recommend p{
	line-height: 30px;
	background: url(images/note.jpg);
	margin: 20px 0px 0px 0px;
}
#bg_end {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url(images/bg_end.png) no-repeat left bottom;
	height: 13px;
}
*html #bg_end  {
behavior: expression(IEPNGFIX.fix(this));
}
address{
	font-style: normal;
	text-align: right;
	font-size: 1.15em;
}

/* フォーム */

.box2_btm{
	background: url(images/mailbottom.gif) no-repeat left bottom;
	margin: 0px 61px 25px;
	padding: 0px 0px 11px 0px;
	height: auto;
	width: 550px;
}
.mail{
	margin: 0px 0px 0px;
	padding: 50px 0px 15px 20px;
	background: url(images/mailtop.gif) no-repeat left top;
	height: auto;
	width: 550px;
}
.mail p{
	margin: 10px 20px 0px;
	top:100px;
}
.form_box{
	position: relative;
	left: 107px;
	top: 10px;
}
form{
	margin: 0px 0px 0px!important;
}
form h2{
	margin: 5px 0px 0px 0px;
	padding:0px;
	font-size: small;
}
form h3{
	margin: 5px 0px 0px 0px;
	padding:0px;
	font-size: small;
	font-weight: normal;
}
input{
}
input.submit{
	text-align: center;
	height: 45px;
	width: 250px;
	margin: 25px 0px 15px 23px;
}
/*fieldset{ 
	margin: 10px 26px 0px 20px!important; 
	padding:10px 0 2px 0;
	border:none;
}
legend {
	padding:0px;
	margin:0px;
	font-size: medium;
	display: none;
}
 label {
	margin:0px; 
	text-align:left;
	font-size: 12px;
	display:block;
}
input{ 
	margin:0px 0px 7px 0px;
	padding:3px;
	background: #E0EAF8; 
	border:none;
	vertical-align:top;
}
input:hover{
	background:#6699FF; 
	color:#ffffff;
}

input:focus{ 
	background:#FFFDE6; 
}
input {
	width:100%;
}
input.sendbutton	{
	width:150px;
	padding:5px;
	margin: 15px 0px 7px 175px;
	background:url(../images/button-bg.gif) repeat-x;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
}
input.sendbutton:hover { 
	color:#FF0000;
}*/

/* プライバシーポリシー */

body#privacy .content{
	background: url(none);
	line-height: 1.5em;
}
body#privacy ul{
	margin: 20px 0px 25px;
	padding: 0px 0px 0px 0px;
	background: none;
	height: auto;
	width: 550px;
}
body#privacy li{
	list-style-type: none;
	background: url(images/bullet_black.jpg) no-repeat left 4px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

body#privacy h1{
	font-size: large;
	background: #e7e5e1;
	padding: 7px 0px 6px;
	margin: 0px 0px 15px;
	text-align: center;
}
body#privacy h2{
	font-size: medium;
	padding: 4px 3px 3px 10px;
	margin: 20px 0px 10px;
	border-bottom: 1px solid #e7e5e1;
	background: #e9e5e3;
	font-weight: normal;
}
body#privacy h3{
	font-size: 14px;
	border-bottom: 1px solid #666666;
	padding-bottom:3px;
}
body#privacy p{
	margin: 0px 0px 10px;
	padding:0px;
}