/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3"/*, sans-seri*/;
margin: 0;
padding: 0;
}

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3"/*, sans-serif*/;
margin: 0;
padding: 0;
font-size: 12px;
color:#534835;


}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3"/*, sans-serif*/;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 12px;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3"/*, sans-serif*/;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 12px;
border-collapse: collapse;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3"/*, sans-serif*/;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 12px;
}

img {
display: block;
}

.clear {
clear: both;
height: 0;
visibility: hidden;
font-size: 1px;
line-height: 0px;
}

.blue{
color:#FF3399;
}


/*-------------------------bodyのスタイル-------------------------*/

body {	font-size: 100.01%;	
line-height: 1.5;
background: #ECE9D8;
text-align: center;
}

a         {text-decoration: underline; color: #0000FF; }
a:link    {text-decoration: underline; color: #0000FF; }
a:visited {text-decoration: underline; color: #0000FF; }
a:hover   {text-decoration: underline; color: #7F7FFF; }
a:active  {text-decoration: underline; color: #0000FF; }

/*-------------------------topのスタイル-------------------------*/

div#top {
width: 830px;
overflow: hidden;
margin: 0 auto 5px auto;
text-align: left;	
}

div#top h1 {
width: 600px;
color: #666666;
float: left;
margin-top: 8px;
font-size:12px;
font-weight:normal;
text-align: left;
}

div#top span {
width: 100px;
float: right;
text-align: right;
margin-top: 8px;
}

/*-------------------------containerのスタイル-------------------------*/

div#container {
width: 830px;
margin: 0 auto;
background-color:#FFFFFF;
text-align: center;
}

/*-------------------------headerのスタイル-------------------------*/

div#header {
background-image:url(/img_s/header.gif); height:77px;
margin-bottom:15px;
text-align: left;
}

div#header h1 {
margin:0; padding:0;
display: block;
text-indent: -9999px;
overflow: hidden;
}

div#header h1 a {
width: 830px;
height: 77px;
display: block;
}

div#header h2 {
margin:-30px 0px 0 27px; padding:0;
font-size:11px;
font-weight:normal;
color:#534835;
}

/*-------------------------main_indexのスタイル-------------------------*/

div#main_index {
width:444px;
float: right;
overflow: hidden;
text-align: left;
}

div#main_index .pankuzu{
background-color:#F7F7F7;
padding:2px 0px 2px 15px;
margin-bottom:10px;
}

div#main_index .text{
padding:30px 30px 30px 30px;color:#534835; line-height:160%;
}

div#main_index .text strong{
color:#CC0000;
font-weight:normal;
}

div#main_index .text .point{
background-color:#FFFF00;
}

div#main_index .text h1{
margin:25px 0px 25px 0px;
padding:5px 0px 3px 25px;
border-bottom:1px solid #CCCCCC;
font-size:14px;
background: #F7F7F7 url(/img_s/a_circle.gif) no-repeat 5px 5px;
}


div#main_index .text h5{
margin:25px 0px 25px 0px;
padding:5px 0px 3px 10px;
border-bottom:1px solid #CCCCCC;
font-size:14px;
background: #FF6699;
color:#FFFFFF;
}

div#main_index .text .box1{
border:1px solid #CCCCCC; margin-bottom:10px; padding: 15px 15px 0px 15px;
}



div#main_index p{
margin:0px 0px 20px 0px;
}


div#main_index .text ul.voice li{
margin: 0 0 1px 0px;
padding: 10px 15px 10px 29px;
list-style: none;
background: #F7F7F7 url(/img_s/a_pin_red.gif) no-repeat 15px 11px;
}



div#main_index .text ul.faq li{
padding: 10px 15px 10px 45px;
list-style: none;
}

div#main_index .text ul.faq .q{
background: #FFF0F5 url(/img_s/faq_q.gif) no-repeat 15px 11px;
margin: 0 0 1px 0px;
}

div#main_index .text ul.faq .a{
background: #F7F7F7 url(/img_s/faq_a.gif) no-repeat 15px 11px;
margin: 0 0 20px 0px;
}



div#main_index table.table-01 {
width:384px;
margin: 30px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

div#main_index table.table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

div#main_index table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

div#main_index table.table-01 th strong {
color:#FF0000;
font-weight:normal;
}


div#contact_btn {
	text-align: center;
	padding: 10px 10px 30px 10px;
}

div#contact_textarea {
	width: 250px;
	height: 150px;
	font-size: 1.0em;
}





div#main_index table.table-02 {
width:384px;
margin: 30px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}





div#main_index table.table-02 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

div#main_index table.table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	text-align:center;
}

div#main_index table.table-02 th strong {
color:#FF0000;
font-weight:normal;
}




/*-------------------------leftのスタイル-------------------------*/

div#left{
width:160px;
text-align: left;
}

div#navi{
margin-bottom:10px;
}

div#navi ul {
margin:0px;
padding:5px 0px 5px 0px;
list-style-type:none;
width: 158px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

div#navi ul li{
margin:0px;
width:148px;
display:block;
background:url(/img_s/left_menu_back.jpg) left top no-repeat ;
height:33px;

}

div#navi ul li a {
padding:7px 0px 0px 20px;
width:138px;
display:block;
height:25px;
color:#534835;
text-decoration:none;
}

div#navi ul li a:hover {
background:url(/img_s/left_menu_back2.jpg) no-repeat;
}

/*-------------------------wrapperのスタイル-------------------------*/

div#wrapper{
width: 800px;
margin: 0 auto 0;
overflow: hidden;
text-align: left;
}

div#wrapper div#main {
width: 623px;
float: left;
overflow: hidden;
}

div#wrapper div#side {
width: 160px;
float: right;
}

/*-------------------------sideboxのスタイル-------------------------*/

div.sidebox{
position:relative;
margin-bottom:10px;
text-align: left;
}

div.sidebox p{
position:absolute;
}

div.sidebox .text{
text-indent: -9999px;
top:0px;left:0px;
}

div.sidebox .name{
line-height:150%;
margin-bottom:10px;
}

div.sidebox p span.btn {
width: 140px;
height: 42px;
display: block;
background: url(/img_s/side_modoguchi_mail.jpg) left top no-repeat;
}

div.sidebox p span.btn a {
width: 140px;
height: 42px;
display: block;
}

div.sidebox p span.btn a:hover {
width: 140px;
height: 42px;
display: block;
background: url(/img_s/side_modoguchi_mail.jpg) 0px -42px no-repeat;
}

div.memobox{
margin-bottom:10px;
text-align: left;
}

div.memobox ul {
margin:0px;
padding:5px 0px 5px 0px;
list-style-type:none;
width: 158px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

div.memobox ul li{
margin:0px;
width:148px;
display:block;
background:url(/img_s/side_masukomi_arrow.gif) left top no-repeat ;
height:40px;
margin-left:10px;
}

div.memobox ul li a{
margin-left:20px;
}

/*-------------------------footerのスタイル-------------------------*/

div#footer {
width: 830px;
margin: 30px auto 0;
padding: 10px 0 10px;
text-align:center;
border-top:1px solid #CCCCCC;
}

div#footer p span {
padding: 0 7px;
height: 22px;
line-height: 22px;
background: url(/images/border_footer.jpg) right center no-repeat;
}

div#footer div#copyright {
margin-top: 10px;
font-size: 12px;
}

div#footer div#copyright h1 {
width:830px;
background-color:#FF6699;
}

div#footer div#copyright h1 a{
color: #FFFFFF;
padding:5px 0px 3px 0px;
text-decoration:none;
}

div#footer div#copyright h2 {
color:#999999;
padding-top:10px;
}