@charset "shift_jis";
/* ************************************************
* whole
* ************************************************ */
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,p {
margin:0;
padding:0;
}
body {
font-size:14px;
font-family:"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
margin:0;
padding:0;
border-top:3px solid #0594f7;
}
#pg-body {
font-family:"Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
margin:0;
padding:0;
background:url('//www.iimo.jp/shop/1630/img/gradation-01.png') repeat-x;
background-position: 0 20px;
}
img{
border:none;
}
ul {
list-style:inside;
}
a{
color:#000;
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}
.hidden {
font: 0pt/0pt sans-serif;
text-indent:-9999px;
margin:0;
padding:0;
}
#pankuzu{
font-size:10px;
}
table {
font-size:14px;
}
/* ************************************************
* tbl
* ************************************************ */
.tbl01 {
width: 100%;
}
.tbl01 td, .tbl01 th {
padding: 5px 20px;
}
.tbl01 tr:nth-child(2n) {
background: none repeat scroll 0 0 #F2F2F2;
}
.tbl01 th {
border-right: 1px solid #CCCCCC;
font-weight: normal;
width: 120px;
}
.tbl02 {
border-top:#CCC 1px solid;
border-left:#CCC 1px solid;
}
.tbl02 th{
width:100px;
background:#EEE;
}
.tbl02 th,.tbl02 td{
padding:10px;
border-bottom:#CCC 1px solid;
border-right:#CCC 1px solid;
}
.tbl02 td{
width:30%;
}
.dates {
font-size:11px;
color:#333;
}
/* ************************************************
* box
* ************************************************ */
.sizebox {
width:960px;
margin:0 auto;
}
.sizeboxBody {
width:1100px;
margin:0 auto;
padding:28px 0 56px;
}
/* ************************************************
* header
* ************************************************ */
#header {
margin-bottom:10px;
width:960px;
}
#header h2 {
font-size:11px;
color:#666;
}
#header h1 {
float:left;
width:340px;
padding:15px 0;
}
#header .tel {
padding:15px 0 0;
text-align:right;
font-size:8px;
display:block;
float:right;
}
#header .tel ul li{
float:left;
list-style:none;
}
/* ************************************************
* nav
* ************************************************ */
#nav01 {
margin:0 auto;
background:#FFf;
position:relative;
overflow:hidden;
width:980px;
}
#nav01 ul{
margin:0 auto;
padding: 0 0 24px 0;
list-style:none;
position:relative;
left:50%;
float:left;
}
#nav01 li{
position:relative;
left:-50%;
float:left;
padding: 0px;/*上下左右に5pxの内余白*/
margin-right: 15px;/*各ボックスの右側に10pxの外余白*/
}
#nav01 li:last-child{
margin-right: 0;
}
/* ************************************************
* li-sidebox
* ************************************************ */
.li-sidebox {
margin:25px 0 0;
list-style:none;
}
.li-sidebox li a{
display:block;
padding:10px 0;
}
.li-sidebox li a:hover,
.li-sidebox li a.bet{
font-weight:bold;
}
/* -normalcolor */
.-bnormalcolor h2 {
border-left:#bee3fd 10px solid;
}
.-normalcolor a{
background:#bee3fd;
color:#fff;
}
.-normalcolor a:hover,
.-normalcolor a.bet{
background:#0594f7;
color:#FFF;
}
/* ************************************************
* body
* ************************************************ */
#body {
background:#fff;
clear:both;
}
/* ************************************************
* line
* ************************************************ */
.line01 {
clear:both;
background:#0594f7;
height:110px;
padding:0;
position: relative;
}
.line02 {
clear:both;
background:#0594f7;
height:60px;
}
/* ************************************************
* slide
* ************************************************ */
#slide {
margin:0 0 10px;
}
/* ************************************************
* main
* ************************************************ */
#main {
margin:0;
width:630px;
float:left;
}
#main h1 {
clear:both;
font-weight:normal;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
letter-spacing: 0.1em;
line-height:1.5em;
color:#0099ff;
margin:30px 0;
}
#main h2 {
font-size:18px;
margin:10px 0;
padding: 8px;
background: url(http://www.iimo.jp/shop/1630/img/datebox/titlebar_kyoutuu-01.jpg)no-repeat;
clear:both;
font-weight:normal;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
letter-spacing: 0.3em;
}
#main h3 {
font-size:14px;
clear:both;
font-weight:bold;
color:#006699;
}
#main h4 {
font-size:12px;
clear:both;
font-weight:bold;
color:#006699;
}
/* ************************************************
* side
* ************************************************ */
#side {
margin:0;
width:307px;
float:right;
}
#side ul{
list-style:none;
}
#side li{
margin-bottom:25px;
}
#side2 {
margin:0 0 25px 0;
width:307px;
float:right;
padding-top:0;
}
#side2 ul{
list-style:none;
margin-top:0;
}
#side2 li{
margin-bottom:3px;
text-align:center;
}
/* ************************************************
* footer
* ************************************************ */
#footer {
clear:both;
padding:15px 0 0;
background:#FFf;
color:#FFF;
font-size:12px;
}
#footer h2 {
padding:0 0 10px 0;
width:500px;
float:left;
}
#footer .tel {
padding:0;
float:right;
color:#000;
text-align:right;
}
#footer ul{
clear:both;
list-style:none;
padding:7px;
}
#footer li{
float:left;
}
#footer a {
display:block;
padding:2px 7px;
color:#FFF;
}
.copy {
font-size:9px;
clear:both;
text-align:right;
}
/* ************************************************
* icon
* ************************************************ */
.news-icon {
font-size:11px;
padding:1px 15px;
margin:0 15px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.jimu {
background:#74d2cd;
color:#FFF;
}
.event {
background:#ba75cd;
color:#FFF;
}
.nyusho {
background:#e98ec1;
color:#FFF;
}
.seikatsu {
background:#f3af3d;
color:#FFF;
}
/* ************************************************
* news
* ************************************************ */
#news {
margin:0 0 10px;
}
#news dt {
text-align:right;
background:url(http://www.iimo.jp/shop/1630/img/datebox/news_bar-01.jpg) top center no-repeat;
height:35px;
padding:20px 15px 0 0;
}
#news dd {
height:380px;
overflow-y:scroll;
}
/* ************************************************
* page
* ************************************************ */
#page{
padding:15px 30px;
}
#page .page_title{
padding:15px 0;
border-bottom:#333 1px dotted;
}
/* ************************************************
* list
* ************************************************ */
.list01{
padding:0 0 10px;
list-style:none;
min-height:600px;
}
.list01 li{
border-bottom:#e3e3e3 1px dotted;
}
.list01 li a {
display:block;
padding:15px;
}
.list01 li a:hover {
background:#f6f6f6;
}
.tab1 {
list-style:none;
margin:0 0 50px 0;
padding: 0 0 50px 0;
}
.tab1 li{
float:left;
margin:5px 1px;
}
.tab1 li a {
display:block;
padding:5px;
color:#333;
background: #FFF;
border:solid 1px #ddd;
background: -moz-linear-gradient(top, #fff, #efefef); /* FF */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));/* Webkit */
-pie-background:linear-gradient(top, #fff, #efefef); /* ie */
behavior: url(images/PIE.htc); /* ie */
}
.tab1 li a:hover,.tab1 li .bet {
color:#FFF;
border:solid 1px #0594f7;
background: -moz-linear-gradient(top, #0099ff, #0594f7); /* FF */
background: -webkit-gradient(linear, left top, left bottom, from(#0099ff), to(#0594f7));/* Webkit */
background: #0594f7; /* ie */
}
/* ************************************************
* line
* ************************************************ */
.line1 {
clear:both;
border:#F00 2px solid;
}
/* ************************************************
* title
* ************************************************ */
.t01 {
font-size:18px;
margin:10px 0;
border:solid 1px #ddd;
padding: 8px;
border-radius: 5px;
background: #eee;
-moz-border-radius: 5px; /* FF */
background: -moz-linear-gradient(top, #fff, #eee); /* FF */
-webkit-border-radius: 5px;/* Webkit */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
-pie-background:linear-gradient(top, #fff, #eee); /* ie */
behavior: url(images/PIE.htc); /* ie */
}
.t01 span{
border-left:5px #f00 solid;
padding-left:10px;
}
.t02 {
font-size:small;
background:#FF0000;
color:#FFF;
padding:5px 15px;
margin:30px 0 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.t03 {
padding:5px 15px;
margin:20px 0 0;
border-bottom:#CCC 1px dotted;
}
/* ************************************************
* edit
* ************************************************ */
.edit{
margin-top:60px;
width:614px;
padding:0;
}
.edit h1{
margin:10px 0;
border:solid 1px #ddd;
padding: 8px;
border-radius: 5px;
background: #eee;
-moz-border-radius: 5px; /* FF */
background: -moz-linear-gradient(top, #fff, #eee); /* FF */
-webkit-border-radius: 5px;/* Webkit */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
-pie-background:linear-gradient(top, #fff, #eee); /* ie */
behavior: url(images/PIE.htc); /* ie */
}
.edit h1 span{
border-left:3px #f00 solid;
padding-left:10px;
}
/* ************************************************
* btn
* ************************************************ */
.btn01 {
padding:3px 15px;
background:#006699;
color:#FFF;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.btn01:hover {
background:#003;
}
.btn-r {
font-size:11px;
padding:3px 15px;
background:url(http://www.iimo.jp/shop/1618/img/design/icon-arrow-red.png) left center no-repeat;
}
.btn-r:hover {
background:#EEE;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.btn-y {
font-size:11px;
padding:1px 2px 1px 10px;
background:url(http://www.iimo.jp/shop/1618/img/design/icon-arrow-yellow.png) left center no-repeat;
}
.btn-y:hover {
background:#EEE;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.btn-y2 {
font-size:11px;
padding:1px;
background:#FF0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
/* ************************************************
* side-banner
* ************************************************ */
.side-banner {
list-style:none;
margin:25px 0 20px;
}
.side-banner li{
margin-bottom:5px;
}
.free_space_top{
width:960px;
height:110px;
margin:0 auto;
background:#0076ff;
paddin-bottom:15px;
overflow: hidden;
position: absolute;
bottom: 0px;
}
.free_space_top ul{
list-style:none;
margin:0;
position: relative;
}
.free_space_top li{
float:left;
padding: 10px;/*上下左右に10pxの内余白*/
margin-left: 18px;/*各ボックスの右側に20pxの外余白*/
}