@charset "UTF-8";

/*
OPT font

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

*/


/* -----------------------------------------
main layout and header,footer,left,right
----------------------------------------- */

body{
margin:0;
padding:0;
background:#fff;
font-family:"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Osaka","メイリオ","ＭＳ Ｐ ゴシック",sans-serif;
color:#333;
line-height:1.6;
}

a,
a:link,
a:visited,
a:active {
color:#0d96d5;
text-decoration:none;
}
a:hover {
color:#86d9ff;
text-decoration:underline;
}

a:hover img{
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}



/* area
---------------------------------------------*/

#area_box{
margin:0 auto;
padding:0;
width:960px;
}

#area_box-inner{
margin:0;
padding:0;
}

#area_hdr{
margin:0;
padding:0 10px 7px;
height:135px;
background:url("../images/line_hori_l.gif") no-repeat 10px bottom;
}

#area_hdr-inr{
margin:0;
padding:0;
}

#area_main{
margin:0;
padding:0 10px 0;
}

#area_main-inr{
margin:0;
padding:0;
}

#area_left{
float:left;
width:790px;
margin:0;
padding:0;
}

#area_left-inr{
margin:10px 0 0;
padding:0 10px 10px 0;
background:url("../images/line_ver_l.gif") repeat-y right 0;
}

#toppage #area_left-inr{
background:url("../images/line_ver_l.gif") no-repeat right 0;
}

#area_right{
float:right;
width:150px;
margin:0;
padding:0;
}

#area_right-inr{
margin:0;
padding:10px 0 0 10px;
}

#area_ftr{
margin:0;
padding:0 0 10px;
height:223px;
background:url("../images/ftr_bg.gif") no-repeat left top;
}

#area_ftr-inr{
margin:0;
padding:0;
}


/* area left
---------------------------------------------*/

#leftCol-l{
float:left;
width:620px;

}

#leftCol-l-inr{
margin:0;
padding:0 20px 0 0;
background:url("../images/line_ver_l.gif") repeat-y right 400px;
}


#leftCol-r{
float:right;
width:160px;

}

#leftCol-r-inr{
margin:0;
padding:10px 10px 20px 20px;
}



/* hdr
---------------------------------------------*/

h1{
margin:0;
padding:40px 0 0;
float:left;
width:175px;
}

h1 a{
display:block;
padding:50px 0 0 0;
width:175px;
overflow:hidden;
height: 0px !important; /* for most browsers */
height /**/:50px; /* for IE5.5 */
background:url("../images/logo_miyakokouji.gif") no-repeat left top;
}

h1 a:hover{
background:#fff url("../images/logo_miyakokouji.gif") no-repeat left top;
}



/* gnavi
---------------------------------------------*/


#gnavi{
float:right;
width:691px;
margin:0;
padding:10px 17px 22px 0;
}

#gnavi li{
float: left;
width: 115px;
display:block;
list-style: none;
font-size:77%;
}

#gnavi li a{
display:block;
margin:0;
padding:110px 0 0 0;
overflow:hidden;
height: 0px !important; /* for most browsers */
height /**/:110px; /* for IE5.5 */
}

#gnavi li:hover{
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}


#gnavi li#home a,#gnavi li#home a:hover {background:url(../images/gnavi.jpg) no-repeat 0px 0px;}
#gnavi li#news a,#gnavi li#news a:hover {background:url(../images/gnavi.jpg) no-repeat -115px 0px;}
#gnavi li#diary a,#gnavi li#diary a:hover {background:url(../images/gnavi.jpg) no-repeat -230px 0px;}
#gnavi li#work a,#gnavi li#work a:hover {background:url(../images/gnavi.jpg) no-repeat -345px 0px;}
#gnavi li#manga a,#gnavi li#manga a:hover {background:url(../images/gnavi.jpg) no-repeat -460px 0px;}
#gnavi li#about a,#gnavi li#about a:hover  {background:url(../images/gnavi.jpg) no-repeat -575px 0px;}



/* section
---------------------------------------------*/

.section{
margin:0;
padding:0;
width:390px;
float:left;
background:url("../images/line_hori_s.gif") no-repeat bottom left;
}

.section-inr{
margin:0;
padding:0;
}

.sec-add .section-inr{
background:url("../images/line_ver_s.gif") no-repeat right 20px;
}


.stit{
margin:0 0 10px;
padding:10px 0 0 10px;
}

body#diary .stit,
body#news .stit,
body#work .stit,
body#manga .stit{
margin:0 0 20px;
padding:10px 0 0 10px;
}

.stit h2{
float:left;
margin:0;
padding:0;
}

.sec-diary h2,body#diary .stit h2{width:135px;}
.sec-news h2,body#news .stit h2{width:132px;}
.sec-work h2,body#work .stit h2{width:136px;}
.sec-manga h2,body#manga .stit h2{width:140px;}
.sec-about h2,body#about .stit h2{width:148px;}


.stit h3{
margin:0;
font-size:85%;
}
.sec-diary h3,body#diary .stit h3{color:#ff6b1a;padding:0;}
.sec-news h3,body#news .stit h3{color:#1ac1ff;padding:13px 0 0;}
.sec-work h3,body#work .stit h3{color:#ff1a9b;padding:10px 0 0;}
.sec-manga h3,body#manga .stit h3{color:#ff351a;padding:10px 0 0;}
.sec-about h3,body#about .stit h3{color:#68d309;padding:10px 0 0;}


.stit-right{
font-size:77%;
text-align:right;
margin:0;
padding:10px 20px;
}

.sec-body-wpr{
margin:0;
padding:0 20px;
}

.sec-body{
font-size:93%;
margin:0;
padding:0 0 20px;
}

body#diary .sec-body{font-size:108%;}


span.date{
font-size:93%;
color:#666;
margin:0 0 5px;
padding:0;
display:block;
line-height:1;
}

.section h4,
.entry h4,
.entry h2{
margin:0 0 10px;
padding:0;
font-size:182%;
font-weight:normal;
line-height:1;
}

.entry h4,
.entry h2{
font-size:250%;
margin:0 0 20px;
}



#list-work-top{
margin:0 0 0 -20px;
padding:0;
}

#list-work-top li{
margin:0 0 20px 15px;
padding:0;
width:165px;
float:left;
display:block;
}

#list-work-top li img{
border:2px solid #ccc;
}

#list-work-top li h4{
margin:5px 0 0;
font-size:93%;
font-family:"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Osaka","メイリオ","ＭＳ Ｐ ゴシック",sans-serif;
line-height:1.3;
font-weight:normal;
}


/* entry
---------------------------------------------*/
.entry{
margin:0 0 100px;
padding:0 20px 0;
}










/* right
---------------------------------------------*/

#bnr-books li{
margin:0 0 10px;
padding:0;
font-size:77%;
line-height:1.3;
}

h3.list-tit{
margin:0 0 5px;
padding:0;
}

.list-side{
margin:0 0 30px;
padding:0;
}

.list-side li{
margin:0 0 5px;
padding:0;
line-height:1.2;
}

.list-side li a{
}






/* ftr
---------------------------------------------*/


#tweet{
position:relative;
left:80px;
top:50px;
min-height:180px;
font-size:138.5%;
color:#333;
width:620px;
/*
background:#ffff1a;
*/
line-height:1.3;
text-align:center;
z-index:100;
}


#tweet span{
font-size:10px;
margin:0;
padding:0;
}

#copy{
margin:0;
padding:0;
font-size:93%;
color:#333;
text-align:center;
z-index:200;
}

#copy span{
padding:5px;
background:#fff;
}

#copy a,
#copy a:link,
#copy a:visited,
#copy a:active,
#copy a:hover{
text-decoration:none;
color:#333;
}




/* toTop
---------------------------------------------*/

#toTop {
padding:0px 20px 5px;
text-align:right;
}

#toTop a {
background:url(../images/ico_toTop.gif) left center no-repeat;
padding-left:12px;
color:#666;
font-size:93%;
}













/* about only
---------------------------------------------*/
body#about span.date{
display:none;
}

body#about div.entry{
padding:20px 20px 0;
}

body#about #leftCol-l-inr{
background:none;
}

body#about #toTop{
display:none;
}