@charset "utf-8";

html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul,ol,dl{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}iframe,fieldset,hr,img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}
*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
embed,object,audio,video{height:auto;max-width:100%}
ol{list-style-position:inside;}
body{
font-family:"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
font-weight:400;
color:#666;
font-size:14px;
line-height:1.8;
text-align:center;
}

.clear:after {clear:both; content:""; display:block;}

a{
color:#0080BE;
text-decoration:none;
}
em {
color: #CC3300;
font-style: normal;
}
hr{
clear:both
}
h1,h2{
font-weight:400
}
#header{
border-bottom:1px solid #E1E1E1;
border-top:2px solid #2588FC;
}
#title{
margin:0 auto;
line-height:1;
}
#title h1{
font-size:24px;
}
#title h1 a{
color:#000;
}
#title h1 a span{
color:#2588FC;
padding-left:2px;
}
#description{
padding:5px;
margin:auto;
vertical-align:middle;
display:table;
}
#description h2{
display:table-cell;
color:#999;
}
#description ul{
width:240px;
display:table-cell;
text-align:right;
padding-top:2px
}
#description ul li{
display:inline
}
#gmenu{
background-image:url(//data-img.j-jis.net/j-jis/images/bg_gmenu.gif);
background-repeat:repeat-x;
background-position:top;
padding:16px 0;
display:block;
}
#gmenu li{
display:inline-block;
line-height:1;
}
#gmenu li a{
color:#FFF;
}
.midashi{
text-align:left;
border-bottom:1px solid #E1E1E1;
margin:0 0 15px;
padding:5px 8px;
-webkit-box-shadow:0 3px 6px -6px #CCC;
-moz-box-shadow:0 3px 6px -6px #CCC;
box-shadow:0 3px 6px -6px #CCC;
}
.midashi h3{
font-size:14px;
color:#000;
display:inline-block;
}
.midashi span a{
font-size:11px;
line-height:1;
padding:3px 8px 2px;
color:#C93;
float:right;
border: 1px solid #C93;
border-radius: 2px;
display:inline-block;
}
#right .box{
background-color:#F7F7F7;
padding:6px;
margin:0 0 12px
}
#right .inner{
background:#FFF;
border:1px solid #E9E9E9
}
#right .inner p{
padding:0 5px 10px
}
#right .inner ul{
padding:0 5px 10px;
line-height:1.2;
}
#right .inner ul li{
background-image:url(//data-img.j-jis.net/j-jis/images/bg_dd.gif);
background-repeat:no-repeat;
background-position:left top;
margin:6px 0;
padding:2px 0 0 16px
}
#right .inner dl a{
font-size:14px;
color:#333
}
#right .inner dt{
background:#F7F7F7;
padding:3px 10px;
margin-top:5px;
font-weight:bold;
}
#right .inner dd{
border-top:1px solid #E1E1E1;
padding:10px 0;
}
#right .inner dd a img{
margin-top:7px;
}
#right img{height:auto;max-width:100%}
#rireki,#sokuho,#zen,#submenu,#world{
text-align:left;
padding:10px
}
#rakuten{
padding:10px
}
#amazon{
padding:15px
}
#amazon a{
display:block;
}
#sokuho li a{
padding:0 0 2px;
display:block
}
.blogparts{
background:#FFF;
border:1px solid #E9E9E9;
border-top:none;
padding:0 0 15px
}
.blogparts h4{
color:#333;
text-align:center;
padding:6px 0 3px;
margin:0 0 15px;
border-bottom:1px solid #E1E1E1
}
#east{background:#ECF2F9}
#west{background:#FAEBEB}

#right .bana{
padding:0 0 10px
}
#right .pr p{
padding:0 0 8px;
font-size:12px
}
.infotext{
color:#666;
font-size:12px;
text-align:left;
}
#footer,#footer2{
clear:both;
font-size:12px;
}
#footer{
background-image:url(//data-img.j-jis.net/j-jis/images/bg_gmenu.gif);
background-repeat:repeat-x;
background-position:top
}
#footer2{
border-top:1px solid #E1E1E1;
padding:21px 0;
color:#999
}
#footer2 ol,#footer2 ul{
clear:both;
padding:10px 5px 5px
}
#footer2 li{
margin:2px 10px
}
#footer ul li,#footer2 li{
display:inline-block
}
#footer ul li{
padding:0 15px
}
#footer p{
padding:0 0 27px;
color:#FFF
}

input[type="checkbox"].on-off{
display: none;
}
.adsbygoogle{
display:block;
margin:auto
}
.slot1,
.slot2{
margin-bottom:15px;
}
#slot_link{
display:block
}

ul.list_inline{
font-size:0;
}
ul.list_inline li{
font-size:14px;
display:inline-block;
width:25%;
background-image:none!important;
}
ul.list_inline li a{
display:block;
text-align:center;
padding:3px 0;
margin:3px;
border-radius:1px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border:1px solid #EEE;
background:#F8F8F8;
}
div.list ul{
  overflow: hidden;
  width: 100%;
}
div.list ul li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:12px;
	line-height:1.7;
}
div.list ul li em,
div.list ul li b{
margin-right:7px
}
div.list ul li em{
	font-style: normal;
	color:#888;
}
div.list b{
	font-weight: normal;
	padding: 2px 4px 1px;
	color: #FFF;
	line-height:1;
	font-size:10px;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	background: #BCD1DC;
}
div.list b.nai{background:#005BAC;}
div.list b.team{background:#FFCC00;}
div.list b.kin{background:#666699;}
div.list b.sou{background:#FF9933;}
div.list b.nou{background:#CC3333;}
div.list b.bou{background:#8EC31F;}
div.list b.kei{background:#999;}
div.list b.kot{background:#FF9999;}
div.list b.chi{background:#66CC99;}
div.list b.pdf{background:#CCC;}

#map{
width:100%;
}
#map img{max-width:auto}

.quicksummary{display:none}
dl.index dl dt,
dl.index dl dd{
	padding:0;
	margin:0 10px 0 0;
	border:none;
	display:inline-block;
	background-image: none;
}
#gotop{
font-size:10px;
background:#FAFAFA;
border-top:1px solid #E1E1E1;
padding:10px;
}
#gotop a{
	color:#666;
}

@media screen and (min-width:751px){
.sp{display:none!important}

#description h2,#title form,#title h1{
vertical-align:middle;
display:table-cell;
}
a:hover{text-decoration: underline;}
.slot1{width:728px;}
.slot2{width:300px;}
#title{
text-align:left;
width:1060px;
padding:20px 0 15px
}
#title h1{
	width:650px;
	height: 50px;
	background-image:url(//data-img.j-jis.net/j-jis/images/logo.png);
	background-repeat:no-repeat;
	background-position:left top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#title h1 a{
	display: block;
}
#title form{
width:400px;
text-align:right;
font-size:14px
}
#title input[type=text],#title input[type=submit]{
display:table-cell;
vertical-align:middle;
}
input.search_box{
width:200px;
border:1px solid #CCC;
border-right:none;
padding:5px;
}
#title input[type=submit].search_btn{
width:50px;
background:#2588FC;
color:#FFF;
border:none;
padding:4px;
}
#description{
width:1060px;
margin:0 auto;
font-size:12px
}
#description h2{
text-align:left;
width:800px
}
#description ul li{
padding:0 10px
}

#gmenu{
min-width:1060px;
}
#gmenu li{
font-size:14px;
padding:0 25px;
text-shadow: 0px 0px 1px #CCC;  
}
#main{
width:1060px;
margin:0 auto 100px;
zoom: 1; /* float解除 for IE6/7  */
}
#main:after, #main:before {
    content: "";
    clear: both;
    display: block;
}
div.list ul li+li{
border-top:1px solid #EEE;
}
div.list ul li a{
font-size:14px;
display:inline;
}
#right{
position: relative;
float:right;
width:300px;
padding:10px 0 0;
font-size:14px
}
#right .box{
width:300px;
font-size:12px
}
#fix {
margin:0 0 100px;
}
.right_pr{
padding:10px 0 0
}
#left{
float:left;
width:728px;
font-size:14px;
padding:0;
text-align:left;
}
#left h1{
text-align:left;
line-height:1;
padding: 5px 0;
}
ul.list{
text-align:left;
padding:0 18px 5px
}
ul.list li{
background-image:url(//data-img.j-jis.net/j-jis/images/i_ya2.gif);
background-repeat:no-repeat;
background-position:left center;
padding:3px 0 0 20px
}
.infotext{
padding:0 15px 15px
}
.box_link{
font-size:12px;
border:3px solid #E4E4E4;
padding:2px;
margin:20px 0;
line-height:1;
text-align:center;
}
.box_link dl,
.box_link p{
margin:0 10px!important;
padding:10px 0 8px!important;
}
.box_link dt{
border-right:1px solid #E1E1E1
}
.box_link dt,.box_link dd{
padding:0 15px;
display:inline-block
}
.box_link dl+dl{
border-top:1px solid #E4E4E4
}
#footer{
padding:21px 0
}

}

@media screen and (max-width:750px){
.pc{display:none!important}
#fix{display:none!important}

body{font-size:12px}
.slot1{width:300px;}
.slot2{width:300px;}

#title{
padding:8px
}

#title h1{
width:70%;
height:50px;
max-width:273px;
margin:auto;
background-image:url(//data-img.j-jis.net/j-jis/images/logo_big.png);
background-repeat:no-repeat;
background-position:center center;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-moz-background-size:100% auto;
background-size:100% auto; 
}
#description h2,#description ul{
font-size:10px;
display:inline;
}
#description ul li{
padding:0 0 0 10px
}
#gmenu li{
padding:7px 7px 0
}
div.list ul,
#hinet ul{
text-align:left;
padding:0 8px
}
div.list ul li{
background-image:url(//data-img.j-jis.net/j-jis/images/i_ya2.gif);
background-repeat:no-repeat;
background-position:left center;
padding:3px 6px 3px 22px;
border-bottom:1px solid #F4F4F4;
}
div.list ul li a{
font-size:12px;
display:inline;
padding:0 5px 0 0
}
div.list ul li em{
display:none
}
.list_inline li{
font-size:12px;
}
#right{
padding:15px 0 20px;
border-top:1px solid #E1E1E1
}
#left{padding:0 0 15px}

.infotext{
padding:0 12px 12px
}
.box_link{
border:2px solid #E4E4E4;
margin:10px;
}
.box_link dt{
background-color:#F7F7F7;
border-bottom:1px solid #E4E4E4
}
.box_link dd,.box_link dt{
text-align:center;
padding:5px 2px
}
#footer{
padding:20px 0 10px
}
#footer p{
font-size:10px
}

.right_pr{
display:block;
padding:5px 0;
}

}