@charset "shift-JIS";
/* CSS Document */

*{
margin:0;
padding:0;
}

html{
height:100%;
}

body{
margin:0;
height:100%;
background:#e9e9e9 url(../img/bg.gif) repeat-y top center;
font-size:10px;
_font-size:62.5%;
line-height:2;
/*font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "細明朝体", "平成明朝", "ＭＳ Ｐ明朝";*/
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";
color:#000000;
}

/*骨組
------------------------------------------------------------ */

#wrap{
width:100%;
height:100%;
min-height: 100%;
margin:0 auto;
padding:0;
}

#container{
width: 880px;
margin: 0 auto;
}

#header{
width: 100%;
height: 40px;
margin:0;
background:url(../img/hd_bg.gif) top center no-repeat;
}

#header ul{
/*width:600px;*/
float:right;
padding-top:5px;
padding-right:30px;
font-size:1.4em;
list-style-type:none;
}


#header li{
float:left;
margin-right:20px;
text-indent:15px;
background:url(../img/foot_int.gif) left 50% no-repeat;
}

#header li.r{
margin-right:0;
}

#header a:link{color:#ffffff;text-decoration:none;}
#header a:visited{color:#ffffff;text-decoration:none;}
#header a:hover{color:#fd6602;text-decoration:underline;}
#header a:active{color:#fd6602;text-decoration:underline;}

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

div#footer{
clear:both;
width:860px;
height:75px;
margin:0 auto;
background-color:#333333;
border-top:#ff6600 3px solid;
/*background:#333333 url(../img/foot_bg.gif) repeat-x;*/
}


#footer ul{
/*width:600px;*/
float:laft;
margin-top:10px;
padding-left:30px;
font-size:1.4em;
list-style-type:none;
}


#footer li{
float:left;
margin-right:20px;
text-indent:15px;
background:url(../img/foot_int.gif) left 50% no-repeat;
}

#footer p{
color:#ffffff;
font-size:1.4em;
width:100%;
text-align:center;
/*line-height:2;*/
/*padding-top:20px;*/
}

#footer a:link{color:#ffffff;text-decoration:none;}
#footer a:visited{color:#ffffff;text-decoration:none;}
#footer a:hover{color:#fd6602;text-decoration:underline;}
#footer a:active{color:#fd6602;text-decoration:underline;}


/*clearfix
------------------------------------------------------------ */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block; min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*共通
------------------------------------------------------------ */

h1,h2,h3,h4,h5{
margin:0;
font-weight:normal;
font-size:1em;
}

img{
border:0;
}

ul,li{
margin:0px;
padding:0px;
}

a:link{color:#0000ff;text-decoration:underline;}
a:visited{color:#0000ff;text-decoration:underline;}
a:hover{color:#330066;text-decoration:underline;}
a:active{color:#330066;text-decoration:underline;}

br.clr{
clear:both;
}

.fnt16{
font-size:1.6em;
}

.pen{
background-color:#ff0;
padding:2px;
}

.red{color:#CC0000;}

.blue{color:#0000ff;}


.under{
	text-decoration:underline;
}

.txtc{
	width:100%;
	text-align:	center;
}

.txtr{
	text-align:	right;
}


.img_l{ /*--左寄せ--*/
	float:left;
	margin:0 20px 10px auto;
}

.img_r{ /*--右寄せ--*/
	float:right;
	margin:0 auto 10px 20px;
}

.mb60{
margin-bottom:60px;
}

.mb30{
margin-bottom:30px;
}

.mb20{
margin-bottom:20px;
}

.mb10{
margin-bottom:10px;
}

.mb0{
margin-bottom:0;
}

.strike{
text-decoration:line-through;
}

ul.b{
font-weight:bold;
}

.fntb{
font-weight:bold;
}



/* index.html
------------------------------------------------------------ */

#main{
/*display:inline;*/
/*float:left;*/
width: 800px;
margin:40px;
}

#head01{
width: 880px;
margin:0;
}

#head01in{
width: 880px;
height:340px;
background:url(../img/hd03_bg.jpg) top left no-repeat;
}

#hd01in{
width: 463px;
margin:0 auto auto 40px;
padding-top:30px;
padding-left:57px;
padding-bottom:30px;
background-color:#dff5fe;
}

#hd01in p{
font-size:1.4em;
line-height:1.5;
margin-bottom:1em;
}

div.txtarea p{
margin-left:57px;
margin-right:57px;
margin-bottom:1.8em;
font-size:1.4em;
line-height:1.5;
}

div.txtarea p.mb5{
margin-bottom:5px;
}

div.txtarea ul{
margin-left:80px;
margin-bottom:1.8em;
font-size:1.4em;
line-height:2;
}

div.txtarea ul.s{
font-weight:bold;
}

div.profile{
width:770px;
margin:0 0 50px 0;
padding:15px;
background-color:#CCCCCC;
}

div.prfin{
width:690px;
margin:0;
padding:40px;
background-color:#FFFFFF;
border:1px #dddddd dashed;
}

div.prfin{
font-size:1.4em;
line-height:1.5;
}

div.commentarea{
width:690px;
margin:0 auto 30px auto;
padding:30px 40px;
background-color:#dff5fe;
}

div.commentarea ul{
font-size:1.4em;
line-height:1.8;
list-style:none;
}

div.commentarea li{
background:url(../img/main_li_mk.gif) left top no-repeat;
padding-left:40px;
margin-bottom:1.5em;
}

div.commentarea li.btm{
margin-bottom:0;
}

div.txtarea table{
width:680px;
border-collapse:collapse;
border:1px #CCCCCC solid;
margin:15px auto 30px auto;
}

div.txtarea th{
width:25%;
font-size:1.4em;
font-weight:normal;
vertical-align:middle;
text-align:left;
padding:3px 10px;
border:1px #CCCCCC solid;
background:#e9e9e9;
}

div.txtarea th.hd{
text-align:center;
}

div.txtarea td{
font-size:1.4em;
vertical-align:middle;
font-weight:normal;
padding:3px 10px;
border:1px #CCCCCC solid;
background:#fafafa;
}

div.exred{
width:650px;
margin:0 auto 30px auto;
padding:15px;
background-color:#fee3e3;
border:#cc0000 1px dashed;
}

#main div.exred p{
margin-left:15px;
margin-bottom:0;
font-size:1.4em;
line-height:1.5;
}

div.exblue{
width:650px;
margin:0 auto 30px auto;
padding:15px;
background-color:#dff5fe;
border:#0000cc 1px dashed;
}

#main div.exblue p{
margin-left:15px;
margin-bottom:0;
font-size:1.4em;
line-height:1.5;
}


div.voicearea{
width:770px;
margin:0 auto 30px auto;
padding:15px;
background-color:#eeeeee;
}

div.voicearea p{
margin-bottom:1.8em;
font-size:1.4em;
line-height:1.5;
}

div.voicein{
width:690px;
margin:0;
padding:40px 40px 0 40px;
background-color:#FFFFFF;
border:1px #dddddd dashed;
}

div.voicel{
width:210px;
float:left;
margin:0;
padding:0;
}

div.voicer{
width:480px;
float:left;
margin:0;
padding:0;
}

div.voicer h3{
margin-bottom:30px;
}

div.voicearea2{
width:770px;
margin:0 0 15px 0;
padding:15px;
background-color:#dff5fe;
}

div.voicearea2 p{
margin-bottom:1.8em;
font-size:1.4em;
line-height:1.5;
}

div.voicein2{
width:690px;
margin:0;
padding:40px 40px 0 40px;
background-color:#FFFFFF;
border:1px #58a7c7 dashed;
}

div.prf{
margin-right:20px;
margin-bottom:15px;
padding:10px 0;
border-top:1px #58a7c7 dashed;
border-bottom:1px #58a7c7 dashed;
}

div.prf p{
line-height:1.2;
margin-bottom:0.5em;
}

.cmnt{
font-size:12px;
}

.cmnt2{
font-size:10px;
}

h5.sblue{
color:#0000ff;
font-size:1.6em;
font-weight:bold;
margin-bottom:20px;
padding:8px 20px;
background-color:#dff5fe;
line-height:1.2;
}

div.exwhite{
width:620px;
/*width:650px;*/
margin:0 auto 30px auto;
padding:30px 30px 15px 30px;
background-color:#ffffff;
border:#cccccc 1px solid;
}

#main div.exwhite p{
/*margin-left:15px;*/
margin-bottom:1em;
font-size:1.4em;
line-height:1.5;
}

#main div.exwhite p.ex{
padding-top:10px;
padding-bottom:10px;
padding-left:2em;
text-indent:-2em;
border-top:#999999 1px dashed;
border-bottom:#999999 1px dashed;
}

#main div.exwhite h6{
font-size:1.4em;
padding-left:2em;
text-indent:-2em;
font-weight:bold;
line-height:1.2;
margin-bottom:1em;
}

#main div.exwhite dl{
font-size:1.2em;
line-height:1.5;
margin-bottom:15px;
}

#main div.exwhite dt{
font-weight:bold;
margin-top:8px;
}

#main div.exwhite dd{
margin-left:2em;
}

h5.txtttl{
font-size:1.4em;
/*font-weight:bold;*/
margin-bottom:20px;
padding:8px 20px;
background-color:#eeeeee;
line-height:1.2;
}

div.tokuarea{
width:770px;
margin:0 auto 0 auto;
padding:0 15px 15px 15px;
background-color:#eeeeee;
}

div.tokuarea p{
margin-bottom:1.2em;
font-size:1.4em;
line-height:1.2;
}

div.tokuarea p.p1{
margin-left:1em;
}

div.tokuarea p.p2{
margin-left:1em;
text-indent:-1em;
}

div.tokuarea p.p3{
margin-bottom:0;
}

div.tokuarea p.p4{
margin-left:3em;
margin-bottom:0.5em;
text-indent:-3em;
line-height:1.2;
}


div.tokuarea ul{
margin-left:30px;
margin-bottom:1.2em;
font-size:1.4em;
line-height:1.2;
}

div.tokuarea li{
margin-bottom:1em;
}

div.tokuin{
width:690px;
margin:0;
padding:10px 40px 0 40px;
background-color:#FFFFFF;
}

div.exgray{
width:650px;
margin:0 auto 30px auto;
padding:15px 15px 8px 15px;
background-color:#eeeeee;
}

#main div.exgray p{
margin-left:15px;
margin-bottom:1em;
font-size:1.4em;
line-height:1.5;
}

#main div.exgray p.btm{
margin-bottom:0;
}

div.products{
width:800px;
margin:0 auto 30px auto;
background:url(../img/main_products07_bg.gif) repeat-y;
font-size:1.4em;
}

div.prdin{
width:459px;
padding-top:30px;
margin:0 auto 30px 180px;
text-align:center;
}

div.btn2{
width:800px;
margin-top:30px;
margin-bottom:30px;
text-align:center;
}

/* tokutei.html
--------------------------------------------------*/

div.txtarea table.tokutei{
width:680px;
border-collapse:collapse;
border:1px #CCCCCC solid;
margin:15px auto 30px auto;
}

table.tokutei th{
width:25%;
font-size:1.4em;
font-weight:normal;
vertical-align:middle;
text-align:left;
padding:10px;
border:1px #CCCCCC solid;
background:#e9e9e9;
line-height:1.5;
}

table.tokutei td{
font-size:1.4em;
vertical-align:top;
font-weight:normal;
padding:10px;
border:1px #CCCCCC solid;
background:#fafafa;
line-height:1.5;
}

div.tokuteiarea{
/*margin-left:57px;*/
/*margin-right:57px;*/
width:100%;
text-align:center;
}

/* policy.html
--------------------------------------------------*/

div.txtarea h3{
margin-left:57px;
margin-right:57px;
margin-bottom:0.5em;
font-size:1.4em;
line-height:1.5;
font-weight:bold;
}