@charset "utf-8";
/* CSS Document */

html{background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{outline:none;}

.cfx { display: inline-block; } 
/* IE 7 and MacIE*/
.cfx { display: inline-block; }
/* Hides from IE-mac \*/
* html .cfx { height: 1%; }
.cfx { display: block; }
/* End hide from IE-mac */

/**/
* html .cfx{overflow: visible;}
/**/
.cfx:after {content: "";display: block;clear: both;height: 1px;overflow: hidden;}
/*\*/
* html .cfx {height: 1%;}
.cfx {display: block; outline:none;}

.cBoth{clear:both;}

a:{color: #3D7EF6; text-decoration: none; }
a:link{color: #3D7EF6; text-decoration: none; }
a:visited{color: #3D8EF6; text-decoration: none; }
a:hover{color: #ff9333;}


body{ 
color: #333333;
margin: 0 auto;
padding: 0;
text-align: center;
font-size:12px;
font-family:verdana;
}


#waku{
margin:0 auto;
width:760px;
text-align:left;
}


#content{border:1px solid #ccc;}
#top{ width:758px;}
.box_info{float:left; width:360px;}
.box_info h1{ padding:20px 0 10px;}
.box_info p{ padding:10px; margin:10px; background:#f9f9f9; font-size:11px;}
.box_info p span{color:#f00;}
.top_com{ float:right; width:200px; text-align:right; padding:40px 0 0 0;}
.top_com2{ float:right; width:380px; text-align:right; padding:10px 0 0 0;}

.OzoraNews{padding:8px; background:#fff; line-height:2; }
.OzoraNews a{ padding:0 0 0 15px; background:url(/ozora/images/i_arw.gif) no-repeat 0 0;}
.OzoraNews a em{font-size:10px; display:none;}


.menu{ position:relative; background-color:#a7a7a7;}
.menu ul{ float:right;}
.menu li{float:left;xtext-indent:-9999px;display:block; border-left:1px solid #FFFFFF; line-height:0em;}
.menu li a{display:block; outline:none; background:#FFFFFF;}
.menu li a:hover{filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
x.menu li#space{width:196px;background:URL(../images/menu01_2.gif) no-repeat 0 0;}
/*.menu li#menu01{width:94px;background:URL(../images/menu_ov.gif) -193px 0}
.menu li#menu02{width:94px;background:URL(../images/menu_ov.gif) -286px 0}
.menu li#menu03{width:94px;background:URL(../images/menu_ov.gif) -381px 0}
.menu li#menu04{width:94px;background:URL(../images/menu_ov.gif) -475px 0}
.menu li#menu05{width:94px;background:URL(../images/menu_ov.gif) -570px 0}
.menu li#menu06{width:94px;background:URL(../images/menu_ov.gif) -664px 0}

.menu li#menu01 a{width:94px;background:URL(../images/menu1.gif) -193px 0}
.menu li#menu02 a{width:94px;background:URL(../images/menu1.gif) -286px 0}
.menu li#menu03 a{width:94px;background:URL(../images/menu1.gif) -381px 0}
.menu li#menu04 a{width:94px;background:URL(../images/menu1.gif) -475px 0}
.menu li#menu05 a{width:94px;background:URL(../images/menu1.gif) -570px 0}
.menu li#menu06 a{width:94px;background:URL(../images/menu1.gif) -664px 0}

.menu li#menu01 a:hover{background:URL(../images/menu_ov.gif) -193px 0}
.menu li#menu02 a:hover{background:URL(../images/menu_ov.gif) -286px 0}
.menu li#menu03 a:hover{background:URL(../images/menu_ov.gif) -381px 0}
.menu li#menu04 a:hover{background:URL(../images/menu_ov.gif) -475px 0}
.menu li#menu05 a:hover{background:URL(../images/menu_ov.gif) -570px 0}
.menu li#menu06 a:hover{background:URL(../images/menu_ov.gif) -664px 0}*/

#num{position:absolute; top:-18px; left:-70px;}

.Copy{margin:10px 0;padding: 5px 5px 5px 5px;font-size:11px;line-height: 130%;border:1px solid #cccccc;}


#main0{width: 570px;float: left; text-align:left;}

.ill{}
.AD{padding:10px 1px 0 1px;}
.AD p{padding:0 0 10px 0;}

/*TOP*/
#mainTop{padding:30px;}


#mainTop h2{padding:5px 0 10px;}

.main1_box{ padding:0 0 20px;}
.main1_box h3{ font-size:14px; font-weight:bold; padding:3px 4px; background:#f9f9f9; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.main1_box h3 span{font-size:10px; font-weight:normal; float:right;}
.blogtopbody{padding:10px; line-height:1.4;}
.blogtopbody .Photo{float:left; width:130px;}
.blogtopbody .Photo img{ width:120px;}
.blogtopbody .Photo a:link img{ border:1px solid #ccc;}
.blogtopbody .Photo a:visited img{ border:1px solid #ccc;}
.blogtopbody .Photo a:hover img{ border:1px solid #F60;}

.blogtopbody .text{width:355px; float:right;}
.blogtopbody .text strong{font-size:larger;}
.blogtopbody .text p{ padding:8px 0;}
.blogtopbody .text span{font-size:11px;}


.obi01{float:right; width:182px; padding:30px 1px 1px;}
.obiTop{padding:70px 1px 1px;}




/*PAGE*/
#mainPage{padding:30px;line-height:1.7;}
#mainPage p{padding:0 0 10px;}
.midashi{margin:0 0 1em;}
#mainPage h2{padding:5px 5px 2px 5px; margin:0; border-bottom:3px solid #ccc; background-color:#EFEFEF; font-weight:bold; font-size:14px;}
#mainPage h3{ padding:1em 0; font-size:1em; font-weight:bold;}

.mainPage_box{ padding:0 0 2em;}
.mainPage_box .Photo{ float:left; width:110px;}
.mainPage_box .Text{width:330px; float:left; line-height:1.5;}

.rectexttable td img{margin:0 5px 5px 0;}

.ContentBox{padding:1em 0; border-bottom:1px dotted #999;}


table.titletable{margin:0 0 20px 0;}
#gaiyoutable td{vertical-align:top;border-bottom:1px solid #DCDCDC;padding:10px 0; line-height:1.8;}
#gaiyoutable td.nengetu{font-weight:bold;text-align:right;padding-right:40px;}

/*沿革*/

#enkakutable{}
#enkakutable table{ width:100%;}
#enkakutable th,
#enkakutable td{ vertical-align:top; padding:8px; font-size:12px; border-bottom:1px solid #ddd;}
#enkakutable th{ white-space:nowrap; background:#fcfcff; }
#enkakutable th.year{background:#f6fcff; }
#enkakutable td img{margin:0 3px 0 0; vertical-align:middle;}
#enkakutable td p{padding:0 0 5px;}
#enkakutable td.sub{color:#369;}
#enkakutable td p.sub{color:#448; padding:0 5px 5px; font-size:11px;}

#enkakutable .c993{color:#993;font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
#enkakutable .cc60{color:#c60;font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
#enkakutable .c369{color:#369;font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
#enkakutable .cc09{color:#c09;font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
#enkakutable .p3 img{vertical-align:middle; margin:0 4px 0 0;}


#copy-gai{
margin: 210px 5px 5px 5px;
padding: 5px 5px 5px 5px;
font-size:11px;
line-height: 130%;
border:1px solid #cccccc;
}


#obi{margin-top: 0px;width: 180px;float: right;background: #F6F6F5;border-top :1px solid #ccc;border-left :1px solid #ccc;border-bottom :1px solid #ccc;}


#footer{clear: both;}




.footer{text-align:right; padding:20px 3px; font-size:11px;}
.footcopy{ padding:5px 0;}

.Privacy{ padding:30px;}
.Privacy h2{padding:5px 5px 2px 5px; border-bottom:3px solid #ccc; background-color:#EFEFEF; font-weight:bold; font-size:14px;}
.Privacy p{ padding:0 20px 20px; line-height:1.8;}




/*diary*/

.diary{ width:100%; xheight:500px;margin-bottom:30px; background:#CCCCCC;}

.diary_midashi{ padding-bottom:5px!important;}

#mainTop .panel p a:hover img{
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
	}

#mainTop h2.title{ padding:7px 440px 0 0; font-weight:bold; letter-spacing:-0.1em; text-align:center;}
#mainTop .shopinfo{margin-top:20px; margin:0 auto; width:100%;}
#mainTop .shopinfo a{ white-space:nowrap;margin:10px 10px 1px 1px;padding:10px; border:1px solid #f5f5f5; overflow:hidden; display:block; width:auto;}
#mainTop .shopinfo a:hover{ background-color:#fff;}
#mainTop .shopinfo a img{margin-right:15px;border:1px solid #CCCCCC; float:left}
#mainTop #arall{ position:relative; top:20px;}
#mainTop .arbox{ width:85%; margin:0 auto;}
#mainTop .arbox .arleft{float:left; visibility:hidden;}
#mainTop .arbox .arright{float:right;}

#mainTop  .prof{padding:10px; border:1px solid #999; margin-top:15px; overflow:hidden;}
#mainTop  .prof p{ margin-bottom:5px; display:block; width:303px; float:right;}
#mainTop  .prof p span{ font-size:13px; font-weight:bold; margin-bottom:5px; display:block;}
#mainTop  .prof img{float:left; margin-right:15px;}


#store{overflow:hidden; width:100%; margin-top:25px;}
#store .mokuroku,span.mokuroku{  display:block; padding:10px; width:300px;  float:left;}
#store .right{ overflow:hidden;}
#store .right p{ margin-bottom:7px;}

#store .right .reql{ width:327px; float:left; margin:20px 0px 0px 0px;}
#store .right .reqr{ width:327px; float:right; margin:20px 0px 0px 0px;}

#store .dotted{ background:url(../images/dotted.gif); padding:10px 0px; margin:0px 0px 0px;width:99.7%; overflow:hidden; border:1px solid #CCCCCC;}
#store .dotted p{ padding-bottom:0px;}


a.mokuroku:hover{filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.reql span{ display:block; padding-bottom:5px; background:url(../images/dotted_bottom.gif) repeat-x 0px bottom; margin-bottom:10px;}
.reqr span{ display:block; padding-bottom:5px; background:url(../images/dotted_bottom.gif) repeat-x 0px bottom; margin-bottom:10px;}
.pdf{font-size:10px; display:block; width:100%;}
.pdfbox{margin:0 auto; overflow:hidden; width:650px;}