@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

body {
font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
margin:0;
padding:0;
font-size:14px;
background-color:#CCCCCC;
background-image:url(img/bg.gif);
color:#333333;
}

a:link {color:#436CBA;text-decoration:underline;}
a:visited {color:#436CBA;text-decoration: underline;}
a:hover {color:#206CFF;text-decoration:none;}
a img {border-style:none;}
a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
}

.clr{clear:both;}

p {
line-height:150%;
letter-spacing:1px;
font-size:14px;
}

#wrapper {
width:800px;
margin:0 auto 0 auto;
padding:0 10px;
background-image:url(img/back.png);
background-position:center;
background-repeat:repeat-y;
}


/*---------- ヘッダー ----------*/

#header{
height:500px;
margin:0;
padding:0;
background-image:url(img/header.jpg);
}

#header h1 {
margin:0;
font-size:21px;
font-weight:bold;
padding:35px 0 0 65px;
font-family: 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
}


/*---------- コンテンツ ----------*/
#container {
margin:0;
padding:1px 30px 1px 30px;
}

h2{}
h3{}
h4{}

.h2_01{height:155px;background-image:url(img/h2_01.jpg);text-indent:-3000px;margin:75px 0 30px 0;border:solid 1px #333333;}
.h2_02{height:110px;background-image:url(img/h2_02.jpg);text-indent:-3000px;margin:0 0 30px 0;border:solid 1px #333333;}
.h2_03{height:110px;background-image:url(img/h2_03.jpg);text-indent:-3000px;margin:0 0 30px 0;border:solid 1px #333333;}
.h2_04{height:50px;background-image:url(img/h2_04.jpg);background-position:center;text-indent:-3000px;margin:0 0 15px 0;}
.h2_05{height:50px;background-image:url(img/h2_05.jpg);background-position:center;text-indent:-3000px;margin:0 0 30px 0;}
.h2_06{height:50px;background-image:url(img/h2_06.jpg);background-position:center;text-indent:-3000px;margin:0 0 15px 0;}
.h2_07{height:70px;background-image:url(img/h2_07.jpg);text-indent:-3000px;margin:0 0 30px 0;border:solid 1px #333333;}
.h2_08{height:70px;background-image:url(img/h2_08.jpg);text-indent:-3000px;margin:0 0 30px 0;border:solid 1px #333333;}
.h2_09{height:60px;background-image:url(img/h2_09.jpg);background-position:center;text-indent:-3000px;margin:30px 0 2px 0;}
.h2_10{height:110px;background-image:url(img/h2_10.jpg);text-indent:-3000px;margin:0 0 30px 0;border:solid 1px #333333;}

.h3_01{height:90px;background-image:url(img/h3_01.jpg);background-repeat:no-repeat;text-indent:-3000px;margin:15px 0 15px -20px;}
.h3_02{height:90px;background-image:url(img/h3_02.jpg);background-repeat:no-repeat;text-indent:-3000px;margin:15px 0 15px -20px;}
.h3_03{height:90px;background-image:url(img/h3_03.jpg);background-repeat:no-repeat;text-indent:-3000px;margin:15px 0 15px -20px;}

.style_01{
font-size:18px;
line-height:100%;
font-weight:bold;
margin:0 0 0 0;
padding:1px 0;
border-top:solid 1px #999999;
border-bottom:solid 1px #999999;
}
.style_02{
margin:60px 0 30px 0;
padding:0;
border-bottom:dotted 1px #999999;
}

.contents{
margin-bottom:60px;
padding:0;
}

.user_voice{
margin:20px 0 0 0;
padding:0 0 20px 0;
text-align:center;
border-bottom:dotted 1px #999999;
}


.prof{
margin:5px 0 0 0;
padding:5px 5px 5px 10px;
background-color:#EEEEEE;
text-align:left;
font-size:10px;
line-height:150%;
color:#666666;
}
.voice{
margin:0 0 15px 0;
padding:10px 30px 15px 30px;
border:solid 1px #ded9c2;
background-color:#eee6cf;
}
*:first-child+html .voice p {
zoom: 1;
}

.vp{
width:160px;
float:right;
margin:15px 0 0 30px;
padding:0;
font-size:12px;
line-height:150%;
text-align:right;
}
.vp img{
margin:0 0 5px 0;
padding:3px;
background-color:#FFFFFF;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}
.vp2{
float:right;
margin:15px 0 0 30px;
padding:0;
font-size:12px;
line-height:150%;
text-align:right;
}
.vp2 img{
margin:0 0 5px 0;
padding:3px;
background-color:#FFFFFF;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}

.v_ttl{
margin:15px 0 5px 0;
padding:0;
font-size:16px;
line-height:150%;
font-weight:bold;
border-bottom:dotted 1px #999999;
}
.v_name{
margin:0 0 0 0;
padding:0;
font-size:12px;
line-height:150%;
}

.box_01{
margin:0 0 20px 0;
padding:20px 20px 5px 20px;
border:solid 5px #333333;
}
.box_text{
margin:0;
padding:1px 20px;
border:solid 3px #CCCCCC;
background-color:#FFFFFF;
}

.faq{
margin:0 0 45px 0;
padding:5px 25px 25px 25px;
background-color:#fffbea;
}
.qus{
font-size:14px;
font-weight:bold;
color:#3f3e3d;
margin:15px 0 5px 0;
padding:5px 0 2px 28px;
background-image:url(img/q.gif);
background-position:left center;
background-repeat:no-repeat;
}
.ans{
margin:0;
padding:0 0 15px 28px;
background-image: url(img/a.gif) ;
background-position:left top;
background-repeat:no-repeat;
border-bottom:dotted 1px #999999;
font-size:12px;
line-height:150%;
color:#3f3e3d;
}

.ps{
margin:0 0 15px 0;
padding:0;
border-bottom:dotted 1px #999999;
}


/*---------- ブレット ----------*/
ul.list_01 {
width:500px;
list-style:none;
margin:0 0 30px 0;
padding:10px 15px 8px 15px;
border:solid 3px #CCCCCC;
}
ul.list_01 li {
list-style:none;
margin:0 0 2px 0;
padding:6px 0 2px 30px;
font-size:14px;
line-height:150%;
font-weight:bold;
background-image: url(img/list.gif) ;
background-position:left center;
background-repeat:no-repeat;
}
ul.list_01 li.title {
list-style:none;
margin:0 0 2px 0;
padding:0;
font-size:16px;
line-height:150%;
font-weight:bold;
color:#CC0000;
background-image:none;
}

ul.list_02 {
list-style:none;
margin:5px 0 15px 0;
padding:15px 15px 10px 15px;
border:solid 1px #CCCCCC;
}
ul.list_02 li {
list-style:none;
margin:0 0 5px 0;
padding:2px 0 2px 30px;
font-size:14px;
line-height:150%;
letter-spacing:1px;
font-weight:bold;
background-image: url(img/list.gif) ;
background-position:left center;
background-repeat:no-repeat;
}


/*---------- フォーム ----------*/
table.spec{
width:100%;
border-collapse:collapse;
margin:5px 0 30px 0;
}
table.spec td{
font-size:12px;
line-height:150%;
border:solid 1px #999999;
padding:10px;
}
table.spec td.item{
font-weight:bold;
background-color:#F0EDE4;
}
table.spec td.btn{
border:none;
text-align:center;
}


/*---------- 文字装飾 ----------*/
.bold{font-weight:bold;}
.bold14{font-size:14px;font-weight:bold;}
.bold18{font-size:18px;font-weight:bold;}
.boldul{font-weight:bold;text-decoration:underline;}
.red {font-weight:bold;color:#FF0000;}
.red36 {font-size:36px;font-weight:bold;color:#FF0000;font-family:Arial, Helvetica, sans-serif;}
.redul {font-weight:bold;color:#FF0000;text-decoration:underline;}
.ul{text-decoration:underline;}
.ym{background-color:#FFFF00;padding:1px;font-weight:bold;color:#FF0000;}
.caption{font-size:12px;color:#666666;font-weight:normal;line-height:150%;}
.line{text-decoration:line-through;}


/*---------- 文字位置 ----------*/
.center{text-align:center;}
.right{text-align:right;}


/*---------- 画像位置 ----------*/
.img_right{
float:right;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
padding:3px;
margin:15px 0 0 15px;
}
.img_right01{
float:right;
margin:0 0 0 15px;
}
.img_right02{
float:right;
margin:15px 0 0 15px;
}
.img_left{
float:left;
padding:0;
margin:-10px 5px 0 5px;
}

.imgbox{
float:right;
margin:0 0 0 15px;
padding:10px 0 0 0;
text-align:center;
font-size:10px;
line-height:150%;
color:#666666;
}

.imgbox_01{
float:right;
margin:0 0 0 15px;
padding:0;
text-align:right;
font-size:12px;
line-height:180%;
color:#666666;
}
.waku{
margin:0 0 10px 0;
padding:3px;
background-color:#EEEEEE;
border:solid 1px #CCCCCC;
}

/*---------- テーブル ----------*/
table {
margin-bottom: 10px;
background-color: #ccc;
}
table th {
padding: 5px 10px;
text-align: center;
vertical-align: middle;
}
table td {
padding: 5px 10px;
text-align: left;
vertical-align: middle;
}
table th { background-color: #f2f2f2; font-weight: normal; }
table td { background-color: #ffffff; }
table .vtop { vertical-align: top; }

table th.tc,table td.tc { text-align: center; }

table caption {
text-align: left;
font-weight: bold;
padding-bottom: 5px;
}

table p { margin: 5px 0; }


/*---------- フッター ----------*/
#link{
margin:0 0 5px 0;
padding:0 0 5px 0;
text-align:center;
font-size:12px;
color:#CCCCCC;
font-weight:normal;
border-bottom:dotted 1px #999999;
}

#footer{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:150%;
text-align:center;
padding:10px 0;
color:#666666;
border-top:solid 1px #999999;
}

.cf { /* clearfix */
	zoom: 1;
}
.cf:after {
	content:'';
	display: block;
	clear: both;
}
