@charset "utf-8";

* { margin: 0; padding: 0; outline: none; }

html,body,div,ol,ul,li,h1,h2,h3,h4,p,fieldset,a,br { margin: 0; padding: 0;}

body {
font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Verdana,sans-serif;
font-size: 12px;
line-height: 150%;
text-decoration: none;
color: #4b4b4b;
background: #ffffff;
}

a, a:link, a:visited { font-size: 12px; color: #6b3b86; line-height: 120%; text-decoration: none; }
a:hover { font-size: 12px; color: #c16f2b; line-height: 120%; text-decoration: underline; }

h1 {display: none;}
p { font-size: 11px; line-height: 150%; }
img { margin: 0; padding: 0; border: none; }
strong { font-weight: bold; }
dl, dt, dd { margin: 0; padding: 0; }
em { color: #990000; }
form { margin: 0; padding: 0; }
input { margin: 0; padding: 0; }
textarea { margin: 0; padding: 0; background: #ffffff;}
.submit { margin-left: 5px; margin-bottom: -5px; padding: 0; }
.field {width: 260px; margin: 0; padding: 1px; border: 1px solid #9060a4;}
.requir {width: 320px; margin: 0; padding: 1px; border: 1px solid #9060a4;}

/* Layout */
#container {
width: 780px;
margin: 0 auto;
padding: 0;
background: #ffffff url(../images/bg.gif) top repeat-y;
\width: 782px; /* For IE5 Win */
w\idth: 780px;
}

/* Header */
#header {
width: 780px;
height: 365px;
margin: 0;
padding: 0;
}
#logo {
width: 780px;
height: 165px;
background: url(../images/header_logo.jpg) top left no-repeat;
}            
#logo a {
width: 240px;
height: 165px;
display: block;
}
#top-tel {
width: 780px;
height: 200px;
background: url(../images/top_tel.jpg) top left no-repeat;
} 
#logo h2, #logo span, #top-tel p {
display: none;
}

/* Navi */
#navi {
width: 190px;
height: 175px;
margin: 0;
padding: 0;
text-align: left;
}
#navi ul {
list-style-type: none;
}
#navi ul li {
float:left;
}
#navi ul li a {
display: block;
width: 190px;
height: 25px;
text-decoration:none;
text-indent: -9000px;
}
#navi #nav1 a {background: url(../images/bo_01.gif) no-repeat;}
#navi #nav2 a {background: url(../images/bo_02.gif) no-repeat;}
#navi #nav3 a {background: url(../images/bo_03.gif) no-repeat;}
#navi #nav4 a {background: url(../images/bo_04.gif) no-repeat;}
#navi #nav5 a {background: url(../images/bo_05.gif) no-repeat;}
#navi #nav6 a {background: url(../images/bo_06.gif) no-repeat;}
#navi #nav7 a {background: url(../images/bo_07.gif) no-repeat;}
#navi #nav1 a:hover, #navi #nav2 a:hover, #navi #nav3 a:hover, #navi #nav4 a:hover, #navi #nav5 a:hover, #navi #nav6 a:hover, #navi #nav7 a:hover {
background-position:0 -25px;
}

/* Sidebar */
#sidebar {
clear: both;
float: left;
width: 225px;
margin: 0;
padding: 0 0 0 25px;
}
#side-content {
width: 190px;
margin: 0;
padding: 0;
}
#side-content p, #side-content a {
font-size: 10px;
line-height: 140%;
}
.side-title1 {
width: 190px;
height: 30px;
margin: 20px 0 10px 0;
padding: 0;
background: url(../images/left_title01.gif) top left no-repeat;
}
.side-title2 {
width: 190px;
height: 30px;
margin: 20px 0 10px 0;
padding: 0;
background: url(../images/left_title02.gif) top left no-repeat;
}

.side-tel {
width: 190px;
height: 110px;
margin: 10px 0 0 0;
padding: 0;
background: url(../images/left_contact.gif) top left no-repeat;
}
.side-mail a {
display: block;
width: 190px;
height: 35px;
margin: 0;
padding: 0;
text-decoration:none;
text-indent: -9000px;
}
.side-mail a {
background: url(../images/bo_contact.gif) top left no-repeat;
}
.side-mail a:hover {
background-position:0 -35px;
}
.gr-img01 {
width: 190px;
height: 140px;
background: url(../images/site_ban01.gif) top left no-repeat;
}
.gr-img02 {
width: 190px;
height: 60px;
background: url(../images/blog_ban01.gif) top left no-repeat;
}
.gr-img03 {
width: 190px;
height: 60px;
margin: 10px 0 0 0;
background: url(../images/blog_ban02.gif) top left no-repeat;
}
.gr-img01 a {
display: block;
width: 190px;
height: 140px;
}
.gr-img02 a, .gr-img03 a {
display: block;
width: 190px;
height: 60px;
}
.gr-text {
width: 180px;
padding: 0 0 0 5px;
}
.gr-text p {
padding: 0 0 3px 0;
font-size: 84%;
_font-size: 90%;
}
.side-title1 span, .side-title2 span, .side-tel p, .gr-img01 span, .gr-img02 span, .gr-img03 span {
display: none;
}
.arrow-a {
width: 180px;
padding: 5px 0 0 5px;
}
.arrow-a p {
padding: 0 0 3px 18px;
background: url(../images/icon_a01.gif) top left no-repeat;
}


/* Main Title */
#main-content {
float: left;
width: 500px;
margin: 0;
paddingt: 0;
}
.title-main {
width: 500px;
height: 350px;
margin: 0;
padding: 0;
background: url(../images/img_top.jpg) top left no-repeat;
}
.top {
width: 300px;
margin: 0 0 0 0;
padding: 110px 0 0 20px;
}
.top p {
padding: 0 0 12px 0;
}
.title-main h3, .top p, .rei p {
display: none;
}

/* Comment */
.comment {
clear: both;
width: 496px;
margin: 0;
padding: 0 0 20px 0;
border-left: 2px solid #e6e6e6;
border-right: 2px solid #e6e6e6;
border-bottom: 2px solid #e6e6e6;
}
.comment-d {
clear: both;
width: 480px;
height: 30px;
padding: 20px 0 0 20px;
font-size: 128%;
font-weight: bold;
color: #753880;
background: url(../images/com_bg2.gif) top left no-repeat;
}
.comment-bt {
width: 480px;
height: 30px;
padding: 20px 0 0 20px;
font-size: 128%;
font-weight: bold;
color: #753880;
background: url(../images/ban_o.gif) top left no-repeat;
}

.comment-img {
float: left;
margin: 0 10px 10px 0;
}
.comment-in {
width: 456px;
margin: 0;
padding: 7px 0 0 20px;
}
.comment-in p {
padding: 5px 0 0 0;
}

.b-text {
margin: 0 0 10px 0;
}
.text2 dt, .text2 dd {
margin: 0;
padding: 10px 0;
background: url(../images/line.gif) top left repeat-x;
}
.text2 dt {
clear: both;
display: inline;
float: left;
width: 130px;
color: #a67c52;
font-weight: bold;
}
.text2 dd {
display: block;
margin: 0 0 0 130px;
}
.text3 dt {
padding: 15px 0 0 0;
color: #9060a4;
font-weight: bold;
background: url(../images/line.gif) bottom left repeat-x;
}
.text3 dd {
padding: 5px 0;
}
.text4 dt, .text4 dd {
margin: 0;
padding: 8px 0 8px 2px;
border-top: 1px solid #cccccc;
}
.text4 dt {
clear: both;
display: inline;
float: left;
width: 130px;
color: #9060a4;
font-weight: bold;
}
.text4 dd {
display: block;
margin: 0 0 0 140px;
}
.a-text {
margin: 20px 0 0 0;
font-size: 84%;
color: #9a9a9a;
border-top: 2px solid #dadada;
_font-size: 90%;
}
/* FAQ */
.faq dt {
padding: 7px 0 0 30px;
font-size: 110%;
color: #9060a4;
border-top: 1px dotted #cccccc;
background: url(../images/icon_q.gif) top left no-repeat;
}
.faq dd {
padding: 7px 0 5px 30px;
background: url(../images/icon_a.gif) top left no-repeat;
}
.rei {
width: 480px;
height: 160px;
margin:0;
background: url(../images/qa_img.gif) top left no-repeat;
}

.cut-qr {
height: 75px;
background: url(../images/qr_mail.gif) top left no-repeat;
}
.cut-tel {
height: 50px;
background: url(../images/cut_tel.gif) top left no-repeat;
}
.cut-qr span, .cut-tel span {
display: none;
}

/* LINK */
.banner {
width: 460px;
margin: 0;
padding: 20px 0 0 20px;
}
.banner-b {
clear: both;
width: 468px;
margin: 0;
padding: 20px 0 0 20px;
}
.banner ul, .banner-b ul {
list-style-type: none;
margin: 0 0 20px 0;
}
.banner li {
float: left;
display: inline;
width: 92px;
margin: 0;
padding: 0 0 10px 0;
}
.banner-b li {
float: left;
display: inline;
margin: 0;
padding: 0 0 5px 0;
}
/* pagetop */
.foot {
clear: both;
width: 498px;
height: 30px;
margin: 10px 0;
padding: 0;
}
.pagetop {
float: right;
width: 85px;
height: 30px;
margin: 0;
padding: 0;
background: transparent url(../images/navi_pagetop.gif)  no-repeat;
}
.pagetop a {
width: 85px;
height: 30px;
display: block;
}
.pagetop span { display: none; }


/* Footer */
#footer {
clear: both;
width: 780px;
height: 95px;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
background: #ffffff url(../images/foot_bg.jpg) top left no-repeat;
}
.text-s {
padding: 0 0 5px 0;
font-size: 84%;
color: #9a9a9a;
_font-size: 90%;
}