@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

html{ height:100%}

/* body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background:url(../images/bg.jpg) repeat-x 0 0;}
*/
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; height:100%;}


/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}


/*基本の設定*/
p,li,th,td,dl{}
dt{ font-weight:bold;}
dd{ padding:0;}
ul,li{ margin:0; padding:0; text-indent:0;}


/*リンク色*/
a:link{}
a:visited{}
a:hover{}

/*ヘッダ*/
h1{ padding:26px 0 10px 0; color:#00A0C6; font-weight:bold; font-size:13px;}



#container{ width:899px; margin:0 auto;}
#mainarea{ height:589px; width:600px; overflow-y:auto; overflow-x:hidden; float:left;}
//.lower{ border:1px solid #808080;}
//#mainarealw{ width:560px; height:549px; padding:20px; border:1px solid #808080; overflow-y:auto; overflow-x:hidden; float:left;}
#mainarealw{ width:560px; height:549px; padding:20px; overflow-y:auto; overflow-x:hidden; float:left;}

#mainarealw h2{ padding-bottom:20px;}
#mainarealw p{ font-size:13px; line-height:1.7em; padding-bottom:20px;}
#mainarealw .read{ padding-bottom:40px;}
#mainarealw h3{ padding:0 0 30px 0;}

#subarea{ width:285px; padding:0 0 0 0; float:right;}
#foot{ clear:both;}


/*ナビ*/
#logo{ text-align:center;}
.navi_top{ width:285px; height:7px; padding:0; margin:0; overflow:hidden; line-height:0; background:url(../images/navi_waku_top.gif) no-repeat 0 0;}
.navi_main{ width:267px; padding:0 8px; border-right:1px solid #808080; border-left:1px solid #808080;}
.navi_main li{ padding-bottom:10px;}
.navi_bottom{ margin-bottom:10px; width:285px; height:6px; line-height:0; background:url(../images/navi_waku_bottom.gif) no-repeat 0 0; overflow:hidden;}
.navi_main table th{ padding:20px 0 0 10px; font-size:10px; font-weight:bold; color:#333; vertical-align:top;}
.navi_main table td{ padding:20px 15px 0 0; font-size:11px; color:#666;}
.navi_main table td a{ text-decoration:none;}
.navi_main table td a:link,.navi_main table td a:visited{ border-bottom:1px dotted #CCC; text-decoration:none; color:#666;}
.navi_main table td a:hover{ border-bottom:1px dotted #333; text-decoration:none; color:#333;}

.topics{ height:130px; overflow-x:hidden;overflow-y:auto;}

/*フッタのメニュー*/
#foot_menu{ width:287px; float:right; padding-top:7px;}
#foot_menu li{ display:inline;}

/**/
#privacy{ height:150px; overflow:auto; border:1px solid #CCC; padding:10px; margin-bottom:25px;}
#privacy p,#privacy dt,#privacy dd{ font-size:11px;}
#privacy dt{ padding:10px 0;}
#privacy dd{ padding:0 0 0 20px; line-height:1.5em;}
.inquiry_tb{ border-top:2px solid #CCC; border-bottom:2px solid #CCC; border-collapse:collapse; margin-bottom:15px;}
.inquiry_tb td,.inquiry_tb th,.inquiry_tb caption{ padding:7px 10px; font-size:12px;}
.inquiry_tb th{ background:#EFEFEF; border-bottom:1px solid #FFF;}
.inquiry_tb td{ border-bottom:1px solid #CCC; line-height:1.4em;}
.inquiry_tb table{ margin-bottom:10px;}
.inquiry_tb table th,.inquiry_tb table td{ border-bottom:1px dotted #CCC;}
.inquiry_tb table th{ background:#F2F2F2;}
.com{ font-weight:bold; color:#333; display:block; padding-top:7px; border-bottom:1px solid #CCC;}
.red{ color:#600;}

#comtb td{ padding-top:16px;}
#comname{ font-size:14px; font-weight:bold; color:#666; padding-bottom:5px;}
#cominfo{ vertical-align:top; padding:0 0 0 12px;}
address{ font-size:12px; color:#666;}

#maiarea object,#maiarea embed { overflow:hidden;}


/*system*/
.itemlist .jcarousel-container,
.itemlist .jcarousel-container-horizontal,
.itemlist .jcarousel-skin-tango,
.itemlist .jcarousel-clip,
.itemlist .jcarousel-clip-horizontal
{ background:none !important; border:none !important; width:480px !important; height:310px !important;}

.caseitem{ height:150px !important; background:none !important; border:none !important;}

.photo img{ border:1px solid #CCC !important; padding:3px 0 !important;}
.caseitem{ margin:2px !important;}
.caseitem dt{ font-size:12px !important; color:#666 !important; margin-bottom:5px; font-weight:bold; text-decoration:none !important;}
.commentarea{ font-size:14px !important; line-height:1.5em; color:#333;}
.caseitem a{ text-decoration:none;}
.caseitem a:hover{opacity: 0.8; filter: alpha(opacity=80); text-decoration:none;}



.jcarousel-container,.jcarousel-container-vertical{ border:none !important; background:none !important;}


.texts div{ padding:15px 0 !important; border-bottom:1px dotted #CCC !important;}
.nametext{ font-weight:bold !important; font-size:18px !important; color:#333 !important;}


#roundcorner{
width:600px;
height:589px;
padding:8px 0px;
border:1px solid #808080;

float:left;
}
#roundcornertop{
width:600px;
height:589px;
padding: 0px;
float:left;
}

.topics th {
	white-space: nowrap;
}