@charset "UTF-8";

/* ============== 初期化 ============== */
body { margin:0; padding:0; text-align:center; background:#FDC; background-position:center; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "メイリオ","Meiryo";}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-size:100%;}
ul,dl { margin:0; padding:0; list-style:none;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }
img { border:none;}
table { font-size:100%;}


/* ============== BASE CSS ============== */

p {margin-top:5px;}
p.impact {font-size:120%; color:#08C; font-weight:bold;}


#base {width:850px; position:relative; margin:0 auto; text-align:center; background:#FFF;}

#outframe {width:840px; position:relative; margin:0 auto; text-align:left;}

/* ***** ヘッダー *****  */
#header {width:840px; margin:0; position:relative;}

/* ----- ヘッダーテキスト ----- */
#header h1 {width:auto; height:auto; padding:5px; background:#F98; color:#FFF;}

/* ----- ヘッダー画像 ----- */
#header #siteid {width:840px; height:470px;}
#header #siteid a {display:block; width:100%; height:100%; text-decoration:none;  background:url(img/frontimg.jpg); margin:0px; padding:0px; background-position:left top; background-repeat:no-repeat;}
#header #header_il {width:840px; height:150px;}
#header #header_il a {display:block; width:100%; height:100%; text-decoration:none;  background:url(img/header_il.gif); margin:0px; padding:0px; background-position:left top; background-repeat:no-repeat;}
#header #header_pr {width:840px; height:150px;}
#header #header_pr a {display:block; width:100%; height:100%; text-decoration:none;  background:url(img/header_pr.gif); margin:0px; padding:0px; background-position:left top; background-repeat:no-repeat;}
#header #header_dr {width:840px; height:150px;}
#header #header_dr a {display:block; width:100%; height:100%; text-decoration:none;  background:url(img/header_dr.gif); margin:0px; padding:0px; background-position:left top; background-repeat:no-repeat;}
#header #header_at {width:840px; height:150px;}
#header #header_at a {display:block; width:100%; height:100%; text-decoration:none;  background:url(img/header_at.gif); margin:0px; padding:0px; background-position:left top; background-repeat:no-repeat;}
#header #header_ds {width:840px; height:150px;}
#header #header_ds a {display:block; width:100%; height:100%; text-decoration:none;  background:url(img/header_ds.gif); margin:0px; padding:0px; background-position:left top; background-repeat:no-repeat;}

/* ----- グローバルナビゲーション ----- */
#header #gnavi ul {}
#header #gnavi ul li {display:inline; float:left; height:40px; width:168px;}
#header #gnavi ul li a {display:block; width:100%; height:100%; text-decoration:none;}
#header #gnavi ul li.btn01 a {background:url(img/gnavi01.gif); background-repeat:no-repeat;}
#header #gnavi ul li.btn02 a {background:url(img/gnavi02.gif); background-repeat:no-repeat;}
#header #gnavi ul li.btn03 a {background:url(img/gnavi03.gif); background-repeat:no-repeat;}
#header #gnavi ul li.btn04 a {background:url(img/gnavi04.gif); background-repeat:no-repeat;}
#header #gnavi ul li.btn05 a {background:url(img/gnavi05.gif); background-repeat:no-repeat;}

#container {width:840px;}
#left {display:inline; float:left; width:200px; background:#FED;}
#right {display:inline; float:right; width:640px; background:#FFF;}

/* ***** 左メニューバー *****  */
/* ----- 更新情報 ----- */
#left div.new {margin:0px; padding:5px;}
#left div.new h2 {margin-top:5px; padding:5px; width:auto; background:#FDB; font-size:120%; color:#F80;}
#left div.new h2 a {color:#F80; text-decoration:none;}
#left div.new h2 a:hover {color:#F80; text-decoration:underline;}
#left div.new ul {margin-left:10px; margin-bottom:10px;}
#left div.new ul li {margin-top:5px; padding:0px; color:#888;}
#left div.new ul li a {color:#FA5; text-decoration:none;}
#left div.new ul li a:hover {color:#FA5; text-decoration:underline;}

/* ----- ローカルナビゲーション ----- */
#left div.lnavi {margin:0px; padding:5px;}
#left div.lnavi h2 {margin-top:5px; padding:5px; width:auto; background:#FDB; font-size:120%;}
#left div.lnavi h2 a {color:#F80; text-decoration:none;}
#left div.lnavi h2 a:hover {color:#F80; text-decoration:underline;}
#left div.lnavi ul {margin-left:10px; margin-bottom:10px;}
#left div.lnavi ul li {margin-top:5px; padding:0px; color:#666;}
#left div.lnavi ul li a {color:#FA5; text-decoration:none;}
#left div.lnavi ul li a:hover {color:#FA5; text-decoration:underline;}

/* ----- ＱＲコード ----- */
#left div.qrcode {margin:0px; padding:5px;}
#left div.qrcode h2 {margin-top:5px; padding:5px; width:auto; background:#FDB; font-size:100%; color:#F80;}
#left div.qrcode p.qr {text-align:center;}

/* ***** 右メインフレーム *****  */
#right div.article {margin:10px;}
#right div.article a {color:10px;}

/* ----- テキストのみ ----- */
#right div.type01 {}
#right div.type01 h2 {margin:0px; padding:3px 0 5px 15px; width:auto; height:auto; background:url(img/right_h2.gif); font-size:120%; color:#F80;}
#right div.type01 div.text {margin:10px; color:#666}
#right div.type01 div.text a {color: #F8A; text-decoration:underline;}

/* ----- サムネイルリスト ----- */
#right div.type02 {}
#right div.type02 h2 {margin:0px; padding:3px 0 5px 15px; width:auto; height:auto; background:url(img/right_h2.gif); font-size:120%; color:#F80;}
#right div.type02 ul {}
#right div.type02 ul li {display:inline; float:left; height:auto; width:310px;}
#right div.type02 ul li div.cap {margin:5px 5px 0 5px; padding:5px; text-align:center; background:#FDE;}
#right div.type02 ul li div.cap a {color: #F8A; text-decoration:none;}
#right div.type02 ul li div.cap a:hover {color: #FA8;}
#right div.type02 ul li div.thumb {padding:5px; text-align:center; height:310px;}


/* ----- 画像拡大 ----- */
#right div.type03 {}
#right div.type03 h2 {margin:0px; padding:3px 0 5px 15px; width:auto; height:auto; background:url(img/right_h2.gif); font-size:120%; color:#F80;}
#right div.type03 div.img {margin:10px; text-align:center;}
#right div.type03 div.text {margin:10px; color:#666}

/* ----- 日記 ----- */
#right div.type04 {}
#right div.type04 h2 {margin:0px; padding:3px 0 5px 15px; width:auto; height:auto; background:url(img/right_h2.gif); font-size:120%; color:#F80;}
#right div.type04 div.img {margin:10px; text-align:left;}
#right div.type04 div.text {margin:10px; color:#666}
#right div.type04 div.text a {color: #F8A; text-decoration:underline;}




#footer {clear:both; width:100%; margin:20px 0 0 0; background:#FDB; color:#F80; border-top:1px solid #FA8;}
#footer div.copyright { font-size:80%; text-align:center; padding:10px;}

/* TYPE CSS */

table.recommend {border:0; width:90%; margin:10px 0px 0 5px; text-align:center;}
table.recommend tr {}
table.recommend tr td {background:#FC9; border:3px solid #FA5; padding:10px;}