@charset "Shift_JIS";

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

*{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}

body{
background:url(../img/bg.gif) no-repeat #F5F4F0;
color:#666;
font:13px/1.4em "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

.clear:after{
content:url(../img/px.gif);
display:block;
clear:both;
height:0;
}
.clear{
display:inline-block;
}
.clear{
display:block;
}

a img{border:0px;}
a{color:#666;}
a:hover{text-decoration:none;}

#top{
width:400px;
margin:6px auto 15px auto;
text-align:right;
}

#header{
width:778px;
height:70px;
margin-top:35px;
margin-left:40px;
background:url(../img/header_bg.gif) repeat-x;
text-align:left;
position:relative;
border-top:1px solid #CDCDCD;
border-left:1px solid #CDCDCD;
border-right:1px solid #CDCDCD;
}

#header img{
position:absolute;
top:15px;
left:10px;
width:166px;
height:35px;
}

#header h1{
position:absolute;
width:auto;
height:auto;
bottom:15px;
right:5px;
font-size:11px;
line-height:1.3em;
font-weight:normal;
text-align:right;
}

#header p{
position:absolute;
width:auto;
height:auto;
bottom:17px;
right:5px;
font-size:11px;
}

#container{
width:778px;
height:auto;
margin-left:40px;
background-color:#fff;
border-left:1px solid #CDCDCD;
border-right:1px solid #CDCDCD;
border-bottom:1px solid #CDCDCD;
background:url(../img/main_bg.gif) repeat-y top;
}

#footer{
width:auto;
height:37px;
margin-top:10px;
background:url(../img/footer_bg.gif) repeat-x;
}

#copyright{
width:825px;
height:37px;
text-align:right;
}

#nav_left{
width:175px;
height:auto;
float:left;
}

#nav_left img{
width:175px;
height:40px;
}

#nav_left p{
width:175px;
height:40px;
display:block;
margin-bottom:1px;
}

#sub_menu{
width:171px;
height:95px;
margin:5px 0;
padding-top:8px;
background:url(../img/sub_menu_bg.gif) no-repeat;
}

#sub_menu .menu{
width:170px;
height:auto;
margin:0 auto 2px 5px;
background:url(../img/sub_menu_icon.gif) no-repeat top left;
}

#sub_menu span{
margin-left:14px;
}

#nav_left_d{
width:155px;
height:auto;
margin:5px auto;
font-size:11px;
line-height:1.2em;
}

#nav_left_d h2{
width:155px;
height:auto;
margin:0 auto;
font-size:11px;
line-height:1.2em;
}

#nav_left_d p{
width:155px;
height:auto;
margin:0 auto 8px auto;
font-size:11px;
line-height:1.2em;
}

#nav_left_d h2 a{
text-decoration:none;
}

#nav_left_qr{
width:175px;
height:120px;
margin:10px auto 0 auto;
}

#nav_left_qr img{
width:175px;
height:120px;
}

#nav_left_banner{
width:175px;
height:60px;
margin:2px auto 0 auto;
}

#nav_left_banner img{
width:175px;
height:60px;
}

#main{
width:443px;
height:auto;
margin-left:5px;
float:left;
}

#topimg{
width:413px;
height:141px;
margin:0 auto 15px auto;
background:url(../img/topimg.jpg) no-repeat;
position:relative;
}

#topimg p{
width:300px;
height:auto;
position:absolute;
top:60px;
right:0;
}

#info{
width:413px;
height:auto;
margin:0 auto 10px auto;
}

#info p{
width:400px;
margin:0 auto;
padding:3px 0;
border-bottom:1px solid #DFDFDF;
}

.more{
width:400px;
margin:6px auto 0 auto;
text-align:right;
}

#question{
width:413px;
height:auto;
margin:0 auto 15px auto;
}

#question .q1{
width:400px;
margin:5px auto 3px auto;
font-weight:bold;
background:url(../img/icon_question.gif) no-repeat top left;
}

#question .q2{
width:400px;
margin:6px auto 3px auto;
line-height:1.4em;
font-weight:bold;
background:url(../img/icon_question.gif) no-repeat top left;
}

#question .a{
width:400px;
margin:0 auto;
line-height:1.4em;
padding-bottom:6px;
background:url(../img/icon_answer.gif) no-repeat top left;
border-bottom:1px solid #DFDFDF;
}

#question span{
margin-left:15px;
}

#nav_right{
width:150px;
height:auto;
margin-left:5px;
float:left;
border-top:1px solid #DFDFDF;
}

#nav_right_con{
width:120px;
height:auto;
margin:0 auto;
text-align:center;
}

#nav_right_con p img{
width:100px;
height:100px;
border:1px solid #CDCDCD;
}

#nav_right_con p{
margin:3px auto 15px auto;
font-size:11px;
line-height:1.4em;
text-align:center;
}

/* calendar -------------------------------------------------------- */

#calendar{
width:413px;
height:auto;
margin:0 auto 15px auto;
}

#calendar table{
width:160px;
background-color:#ccc;
margin:5px auto;
}

#calendar table{
width:160px;
padding:0;
font-size:11px;
line-height:1.5em;
text-align:center;
}

#calendar td{
background-color:#fff;
}

#calendar .week{
background-color:#E7E7E7;
}

#calendar .sun{
color:#CC3333;
}

#calendar .sat{
color:#6666FF;
}

#calendar .holiday{
background-color:#FFE04D;
}

#calendar_comm{
width:160px;
font-size:11px;
line-height:1.2em;
text-align:left;
margin:5px auto 15px auto;
}

#calendar_comm span{
color:#FED720;
}

/* store -------------------------------------------------------- */

#store{
width:413px;
height:auto;
margin:0 auto 10px auto;
}

#store p{
width:400px;
margin:0 auto;
padding-top:10px;
}

#store span{
color:#CC0000;
font-weight:normal;
}

.sub{
width:413px;
height:20px;
margin:30px auto 10px auto;
background:url(../img/title_sub.gif) no-repeat;
position:relative;
}

.sub h2{
font-size:13px;
line-height:1em;
color:#5B533C;
position:absolute;
bottom:3px;
left:5px;
}

#store table{
width:400px;
height:auto;
margin:15px auto 0 auto;
background-color:#DFDFDF;
}

#store td{
padding:5px;
}

#store table .at{
font-size:11px;
line-height:1.2em;
color:666;
}

/* works -------------------------------------------------------- */

#works{
width:413px;
height:auto;
margin:0 auto 10px auto;
}

#works p{
width:400px;
height:auto;
margin:0 auto;
border-bottom:1px solid #DFDFDF;
position:relative;
}

#works p img{
margin:10px 0;
border:1px solid #DFDFDF;
}

#works span{
width:240px;
padding:10px 0;
position:absolute;
top:0;
right:0;
}

#works span strong{
line-height:2em;
}

#works span img{
width:50px;
height:13px;
margin:10px 3px 10px 0;
border:0;
}

#works_other{
width:400px;
height:auto;
margin:0 auto 10px auto;
}

#works_other img{
width:90px;
height:90px;
margin:10px 8px 0 0;
border:1px solid #DFDFDF;
}

#works_other p{
margin:10px 8px 0 0;
}

#works_other span{
color:#CC0000;
}

/* question -------------------------------------------------------- */

#question .q{
width:400px;
margin:15px auto 10px auto;
font-weight:bold;
background:url(../img/icon_question.gif) no-repeat top left;
}

#question .qa{
width:400px;
margin:0 auto;
padding-bottom:15px;
background:url(../img/icon_answer.gif) no-repeat top left;
border-bottom:1px solid #DFDFDF;
}

/* privacy -------------------------------------------------------- */

#privacy{
width:400px;
height:auto;
margin:0 auto 10px auto;
}

#privacy p{
margin:15px auto 5px auto;
font-weight:bold;
}

#privacy img{
margin-bottom:15px;
}

/* company -------------------------------------------------------- */

#company{
width:413px;
height:auto;
margin:0 auto 10px auto;
}

#company p{
width:400px;
margin:15px auto 0 auto;
}

#company table{
width:400px;
height:auto;
margin:15px auto;
background-color:#DFDFDF;
}

#company td{
padding:5px;
}

#company table span{
color:#CC0000;
}

#company table span a{
color:#CC0000;
}

/* sitemap -------------------------------------------------------- */

#sitemap{
width:413px;
height:auto;
margin:0 auto 10px auto;
}

#sitemap table{
width:auto;
height:auto;
margin:10px auto;
}

#sitemap td{
padding:5px;
}

#sitemap table img{
width:13px;
height:13px;
}

/* form -------------------------------------------------------- */

#form{
width:413px;
height:auto;
margin:0 auto 10px auto;
}

#form p{
width:400px;
margin:0 auto;
padding-top:10px;
}

#form table{
width:400px;
height:auto;
margin:5px auto;
background-color:#DFDFDF;
}

#form td{
padding:5px;
}

#form span{
margin:0 3px;
color:#CC0000;
}