@charset "shift_jis";

.vermid{
	vertical-align: middle;
}

.futobig{
	font-weight: bolder;
	font-size: larger;
}

.borcen{
	border-bottom:1px dotted #777777;
	padding-bottom:2px;
	margin-bottom:4px;
}

a.linkdeco{
	text-decoration: underline !important;
}

a.nondeco{
	text-decoration: none;
}


div#bgroom{
	padding:11px 0px 0px 9px;
	background: url(images/room.png) no-repeat 0px 0px;
	margin-bottom:8px;
}
.bor_inpact{
	border:3px outset #ffff00;
	background-color:rgba(245,245,255,0.8);
	line-height:1.6;
}

div.photo2 {
  margin: 1em 0;
}

div.photo2 h3 {
  margin: 1em 0 0.5em;
  padding: 3px 10px;
  border-bottom: solid 3px #CCC;
}

div.photo2 ul {
  text-align: center;
}

div.photo2 ul li {
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  list-style: none;
}

div.photo2 ul li a img {
  border: none;
}

div.widget_muji{
	margin: 14px 3px;
}

div.wakumuji{
	margin: 14px 7px;
}

div.wakumuji_m{
	margin: 10px 4px;
	padding:8px 17px;
	background-color: #FFFFEF;
	box-shadow: 4px 4px 3px #eaeae1;
	-moz-box-shadow: 4px 4px 3px #eaeae1;
	-webkit-box-shadow: 4px 4px 3px #eaeae1;
}

div.wakumuji_cen{
	margin-top:5px;
	text-align:center;
}

p#ptopnavi {
	margin-left:auto;
	margin-right:0;
	width:150px;
}

#toiawa{
	margin: 0 auto;
	width:550px;
}

#main a:hover img{
	filter: Alpha(opacity=80);
	opacity: 0.8; /*firefox safari*/
}

#main .hanyou .img_left {
	float: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#main .hanyou .img_left img#tisai{
	border:solid 1px #8080FF;
	border-radius: 4px / 3px;
}

#main .hanyou .img_left img.vermid{
	vertical-align: middle;
}

#main .hanyou .img_left span.pdfopen{
	font-size:11px;
	font-weight:500;
}

#main .hanyou .img_left img#tama_tennai{
	margin: 7px 0px;
	border: 1px solid rgb(0, 174, 239);
}

#main .hanyou div.f_left{
	float: left;
	margin-left: 3px;
	margin-top: 5px;
}

#main .hanyou .img_right {
	float: right;
	
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#main .hanyou h4 {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 5px;
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
}

#main .hanyou img {
	margin-left: 5px;
}


#main .hanyou span {
	font-weight: 600;
}

#main .hanyou .minibx,#main .hanyou .minibx2  {
	width:200px;
	padding: 10px;
	border: 1px dashed #8080FF;
	border-radius: 6px / 4px;
	background-color: #FFFFFF;
}
#main .hanyou .minibx2 {
	margin-top: 5px;
	margin-bottom: 8px;
	width:300px;
}

.wrapper {
 width: 582px;
}

.wrapperfix {
	width: 598px;
}

#chi_atbb {
	border: 1px solid #EEEEEE;
	background: #f5f5f5;
	margin-bottom: 20px;
}

.wrapper h1, .wrapperfix h1, #chi_atbb h1{
	border-bottom: 1px solid #FA8229;
	font-size: 14px;
	height: 21px; 
	line-height: 20px;
	color: #343434;
	padding-bottom: 4px;
	padding-left: 37px;
	margin-top: 1px;
	padding-top: 12px;
	font-weight:600;
	background: url(images/hanamaru.gif) no-repeat 6px 9px;
	text-shadow:#FFF -1px -1px 1px,#999 1px 1px 2px;
}

.wrapper h1 img, .wrapperfix h1 img{
	margin-right:10px;
	vertical-align: middle;
	}

.wrapper .ta2{
	background-color: #FFFFFF;
	border: solid 1px #666666;
	border-collapse: collapse;
	margin-top:20px;
	margin-left:8px;
	margin-right:7px;
	font-size: 10px;
}

.wrapper .ta3{
	background-color: #FFFFFF;
	border: solid 1px #666666;
	border-collapse: collapse;
	margin-top:20px;
	margin-left:25px;
	margin-right:15px;
	font-size: 14px;
}

.wrapper .ta2 td, .wrapper .ta3 td{
	border: solid 1px #000000;
	padding-left: 8px;
	padding-right: 5px;
	vertical-align: top;
}

.wrapper h2.line,#chi_atbb h2.line,#chi_atbb h3{
	color: #30899C;
	border-left: 3px solid #666;
	font-size: 17px;
	line-height: 19px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
}

#chi_atbb h3 {border-left: 28px solid #FA8229;}

#chi_atbb h4 {
	margin: 5px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 5px;
	font-size: 13px;
	color:#222222;
}

.primary { 
  
  float: left;
  width: 345px;
  height: 120px;
  margin :0px 0px 20px 0px;
}

.secondary {
  float: left;
  width: 175px;
  height: 120px;
  margin :0px 10px 20px 0px;
}
 
.primary a img, .secondary a img{
	margin-top:5px; 
	margin-left:20px; 
}

.oneonbk2 { 
	position:relative;
	font-size:16px;
	width: 546px;
	height: 130px;
	margin :15px 0px 12px 15px;
	background: #ffffff url(images/grablue.png) repeat-x;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 7px;
	moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #efefef;
}

.oneonbk2 img{
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 10px;
}

#bai_three{
	padding-left:12px;
}

.oneonbk2 img#nagoimg1{
	position:absolute;
	top:30px;
	left:405px;
}

.oneonbk2 img#nagoimg2{
	position:absolute;
	top:2px;
	left:157px;
}

.comment {
	font-size:13px;
	width:580px;
	}

#main .comment p {
   margin:0 0 3px 0;
   padding:4px 40px 3px 5px; border-bottom:1px dotted #999;
   font-size:100%;
}


#main .comment img{
	margin-top:2px;
	margin-left:2px;
}

.topics{
	width: 574px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	clear: both;
	padding: 5px 0px 0px 0px;
}

.infolist{
	margin:5px;
}
.infolist dl{
	border: 1px dashed #DDDDDD;
}

.infolist dt{
	border: 1px dashed #DDDDDD;
	padding:2px 5px;
	background-color:#e1ebf2;
}
.infolist dd{
	margin-left: 5px;
}

.topics .shiro{
	margin-left:8px;
	margin-top:5px;
	padding: 0px 8px;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
}

.topics div.shiro{
	min-height:310px;
}

.topics .bkcircle{
	background-color:rgba(200,226,249,0.2);
	border:1px solid #C8D2F7;
	margin: 4px 13px 5px;
	padding:14px;

	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 27px;
	moz-border-radius: 27px;
	border-radius: 27px;
}

#chi_atbb .shiro_pad{
	margin:5px;
	padding:8px;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
}

#main .comment h1,#main .comment h2 {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #44BAE2;
        font-size: 14px; 
	height: 21px; 
	line-height: 20px;
	color: #FFFFFF;
	padding-bottom: 4px;
	padding-left: 25px;
	margin-top: 1px;
	padding-top: 2px;
	font-weight: normal;
	background-image: url(images/midashi_base.gif);
}

#chi_atbb .shiro_pad h2{

	border-left: 3px dashed #44BAE2;
	border-bottom: 3px dashed #44BAE2;

        font-size: 15px; 
	height: 32px; 
	line-height: 20px;
	padding:13px 0px 0px 23px;
	margin: 8px 0px 12px 10px;
	font-weight: normal;
	background-image: url(images/quest.gif);
	background-repeat: no-repeat;	
	background-position: 358px 0px;
}

#main .topics h1.annai,#main .shiro_pad h3 {
	color: #30899C;
	border-bottom: 1px solid #FA8229;
	font-size: 14px;
	line-height: 23px;
	margin: 2px 8px 9px 9px;
	padding: 4px 0px 3px 8px;
}

#main .topics h2.annai{
	font-size: 14px;
	background: rgba(255,255,255,0.6) url(images/searchroom.png) no-repeat 400px 0px;
	color: #509872;
}

#main .topics h3{
	padding-left:25px;
}

#main .topics h2.sale{
	letter-spacing: 5px;
	font-size: 130%;
	border:none;
	margin: 5px;
	padding: 2px 10px 1px 29px;

	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 7px;
	moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #94D3F7;
	background: url(images/grabar.png) repeat-x 0px 3px;
}

#main .topics h2.sale a{
	text-decoration:none;
	color: #30899C;
}

#main .topics h2.sale a:hover {
	color: #a40000;
}

#main .topics h3 a{
	text-decoration: none;
}

.topics .home-cont {padding-left:7px;padding-top:4px;position:relative;}

.topics .newchin {
	font-size:10px;
	padding: 7px 0px 0px 3px;
	background: rgba(242,242,250,0.6) url(images/kinimin.png) no-repeat 6px 2px;
}

.topics .newchin span{
	margin-left:42px;
	padding:2px 7px;
	font-size:17px;
	font-weight: bolder;
	background: #DAE6FE;
}

.topics .chinlist li {margin:3px 0px;}
.topics .chin {padding-left:4px;background-color:rgba(236,236,249,0.8);}

.topics .chin:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.topics .chin a img{border: 1px solid #d5d5d5;}
.topics .chin div{padding-top:3px;width:164px;font-size:12px;}
.topics .chinfirst {display:inline-block;color:#2189af;background: url(images/grablue.png) repeat-x 0px 0px;width:163px;}
.topics .chin div.chinshu{float:right;color:#2189af;font-size:10px;padding-top:0px;background-color: #dee7f8;width:58px;padding-left:5px;}

.topics .chinnavi {clear: both;	margin-top: 2px;border-bottom:2px solid #dee7f8;}
.topics .chinnavi span.pages {background: #dee7f8 ;padding: 3px 18px 1px 18px;margin-right:4px;}

.topics .kei {float:left;margin:2px;background-color:#e8eff4;font-size:12px;}
.topics .keiken {background:none;width:259px;}
.topics .keiwa{float:left;width:103px;padding:4px 0px 0px 3px;}
.topics .keiwa img{border: 1px solid #d5d5d5;width:100px;height:100px;}
.topics .keiwatit {float:left;width:156px;padding-left:5px;}
.topics .keiwatit a{
	border-bottom: 1px dashed #AAAAAA;
	color:#2189af;
}

.topics .keiwatit a:hover {
	color: #a40000;
}

.topics div.mininav{
	background:url(images/grablue.png) repeat-x 0px 0px;  border: 1px solid #9cc3f7;
	border-radius: 13px 13px 0 0;
}

.topics .fukidasi{
	float:left;
	font-size: 110%;
	height:4.5em;
	line-height:1.6;
}
.topics .fukidasi_r{
	width:115px;
	margin-top:30px;
	margin-right:10px;
	float:right;
}

.topics #fukidasi_1{
	background:url(images/iekun1.png) no-repeat 15px 3px;
	padding:25px 10px 3px 90px;
}
.topics #fukidasi_2{
	background:url(images/iekun2.png) no-repeat 12px 3px;
	padding:5px 10px 5px 85px;
}
.topics #fukidasi_3{
	background:url(images/iekun3.png) no-repeat 15px 3px;
	padding:10px 10px 3px 133px;
}

.topics .rsstit_1{
	position:absolute;top:10px;left:330px;font-size: 13px;
}

.topics .rsstit_2{
	position:absolute;top:10px;left:410px;font-size: 13px;
}

.red {
	color:#CB564C;
}

#mtel, .bigred {
	font-weight: bolder;
	font-size: 150%;
	color:#CB564C;
}

.bigblue {
	font-weight: bolder;
	font-size: 130%;
	color:#483d8b;
}

#mfax {
	font-weight: bolder;
	font-size: 130%;
	color:#7B7B7A;
}

#main .topics_l
{
	float:left;
	width:288px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#main .topics img#topev{
	margin:2px 10px 0px;
	vertical-align: middle;
}

#main .topics_r
{
	float:right;
	width:256px;
	padding-right: 6px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#main .topics img.mayaji
{
	vertical-align: middle;
}

#main .topics_r a {
	text-decoration: none;
}

a.bkgrey{
	display:inline-block;
}

a.bkgrey,a.bkgrey2 {
	font-size:90%;
	background-color: #EFE7BD;
	padding: 3px 7px;
	text-decoration: none;
	margin: 0px 3px 6px;

	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 5px;
	moz-border-radius: 5px;
	border-radius: 5px;
}

a.bkgrey:hover { text-decoration: underline; }

#main .topics a.buklink {
	color: #3333FF;
	font-weight: 600;
	font-size: 110%;
}

#main .topics a.buklink:hover {
	color: #a40000;
}

#main div#baiimg {
	padding:0px 0px 10px 15px;
	background:url(images/baibk.png) no-repeat 172px 128px;
}

#sub #topwaku {
	border-top:2px solid #E2E7E7;
	margin-top:1px;
}

#sub .waku ul.kanren li a{
	line-height: 30px;
	font-size:14px;
}

#sub .waku ul.kanren li li{
	margin-left:17px;
}

#sub .bookbtns {
	margin: 7px 4px;
}

#sub .bookbtns .twitter-share-button{width: 69px!important;}

#sub .bookbtns img{
	margin-top:2px;
	vertical-align:top;
}

#acdemo h4 {height:auto;font-size:110%;}

#acdemo div h3 {margin-left:10px;}

#acdemo div div {
	margin-left:10px;
	margin-bottom:10px;
}

#acdemo .keitbl td {
	padding:0 12px;
	border:1px solid #999999;
}

ul.notype{
	width:550px;
	border: 1px solid #CCCCCC;
}

ul.notype li {
	padding: 5px;
	vertical-align: top;
	margin-left: 15px;
}

ul.notype li.cen {
	padding: 0px 0px 0px 150px;
	vertical-align: top;
}

ul.notype li h3{
	color: #002e73;
	border-bottom: 1px dotted #999999;
	font-size: 100%;
	background-image: url(images/arrow1.gif);
	background-repeat: no-repeat;	
	background-position: left 5px;
	padding-left: 18px;
	line-height: 24px;
	}

ul.notype span{ font-size:14px;}

ul.notype em{ 
font-size:14px;
line-height: 22px;
}

ul.notype li.big {
font-size:16px;
margin-left: 5px;
color:#FF5200;}

ul.ten{
margin-left: 15px;
font-size: 10pt;
line-height: 18px;
list-style-type: decimal;
}

ul.ten span{font-weight: 600;}

#nav{
  background: #f8f8f8;
  border-bottom: #c6c6c6 1px solid;
  width: 920px;
  height: 45px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 1px 1px white;
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 1px 1px white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 1px 1px white;
  z-index: 5;
  position: relative;
}

#dropmenu {
  list-style-type: none;
  width: 918px;
  height: 45px;
  margin: 20px auto;
  padding: 0;
  background: #f8f8f8;
  border-bottom: 3px solid #9cc3f7;
  border-radius: 3px 3px 0 0;
}

#dropmenu li {
  position: relative;
  width: 142px;
  height: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-right: #c6c6c6 1px solid;
}

#dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #000;
  font-size: 14px;
  line-height:18px;
  text-decoration: none;
}

#dropmenu li:hover > a{
  background: #ececec;
}

#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}

#dropmenu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul {
  left: -100%;
  width: 100%
}

#dropmenu li ul li{
  overflow: hidden;
  width: 140%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#dropmenu li ul li a{
  padding: 13px 15px;
  background-color: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

#dropmenu li:hover ul li{
  //overflow: visible;
  height: 37px;
  border-top: 1px solid #7c8c0e;
  border-left: #c6c6c6 1px solid;
}

#dropmenu li:hover ul li:first-child{
 border-top: #c6c6c6 1px solid;
}

#dropmenu li:hover ul li:last-child{
 border-bottom: 2px solid #7c8c0e;
}

#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#dropmenu li.home{
  width: 60px !important;
}

#dropmenu li.home a{
  background-image: url("images/home.png");
  background-repeat: no-repeat;
  background-position: 10px 3px;
  font-size: 11px;
  color:#ffffff;
  line-height:18px;
}

.snsb {
  height:30px;
  padding:8px 0px 0px 7px;
  border: #c6c6c6 1px solid;
}
.snsb li {
	float: left;
	margin-right: 3px;
	overflow: hidden;
}
.snsb iframe {
	margin: 0 !important;
}

.nav {
	margin: 12px 0px;
}

.nav li{
	margin:10px 4px;
}

.nav a{
	display: block;
	font-weight: bold;
	color: #cc3300;
	padding-left:15px;
	height:33px;
	line-height: 33px;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
	background: url(images/backhead2.png) repeat-x 0px 3px;
	border-top: solid 1px #c6c6c6;
	box-shadow: 2px 2px 5px rgba(0,0,0, .4);
}

.nav a:hover {
	background: #000;
	color: #fff;
}

#ps_foot {
	text-align:right;
}

#ps_foot span{margin:0px 4px;background-color:#CCB088;padding:2px 5px;}
#ps_foot span a{color:#FFFFFF;}

dl.normallist
{ background-color: #FFF7E1;
 border: 1px solid #999;
 border-top: none;
 width: 550px;
 font-size: 12px;
}

dl.normallist dt 
{ 
 color: #000000;
 width: 13em; 
 padding: 0.5em 1em 0.5em 1em;
 border-top: 1px solid #999; 
 margin-bottom: 0.0em;
 clear: left;
 float: left;
}

dl.normallist dt  span {font-size: 110%;font-weight: 600; }

dl.normallist dd 
{ 
 background-color: #FFF; 
 margin: 0 0 0 15.0em;
 margin-bottom: 0.0em;
 padding: 0.5em 1em 0.5em 1em;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
}

.onepoint{
	margin-left: 10px;
	font-size:12px;
}

dl.normallist:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.normallist { display: inline-block; }

/* Hides from IE-mac \*/
*html dl.normallist { height: 1%; }
dl.normallist { display: block; }
/* End hide from IE-mac */
