/* CSS Document */

/*構成
-------------------------------*/
/*全体を格納*/
#wrapper { width: 890px; margin: 0 auto; padding: 0; text-align: left; }

/*ヘッダー*/
#header { position: relative; width: 890px; height: 200px; margin: 0; padding: 0; background: url(img/logo.jpg) no-repeat 50% 0; }
#header h1 a { position: absolute; top: 43px; left: 4px; display:block; width: 457px; height: 113px; text-indent: -99999px; }
#lnk-designdarden a { position: absolute; top: 82px; left: 537px; display:block; width: 174px; height: 43px; text-indent: -99999px; }
#lnk-abn a { position: absolute; top: 22px; left: 832px; display:block; width: 58px; height: 27px; text-indent: -99999px; }

/*ボックス*/
#box { margin: 0 5px; padding: 0; background: url(img/bg_box.gif) repeat-y 0 0;/* border: 1px solid red;*/ }

/*コンテンツエリア*/
#contents { float: left; width: 684px; margin: 0; padding: 8px 0 20px 0; text-align: left; }
#contents-main { float: left ; width: 468px; margin: 0 8px 0 16px; _margin: 0 8px; padding: 0; }
#contents-navi { float: right; width: 186px; margin: 0; padding: 0; }

/*ローカルナビ*/
#local-navi { float: right; text-align: center; width: 172px; margin: 0; padding: 4px; }


/*フッター*/
#footer-base { text-align: center; margin: 0; padding: 0; background: #fff url(img/bg_foot-base.jpg) repeat-x 50% 0; }
#footer { text-align: left; width: 890px; margin: 0 auto; padding: 0; background: url(img/bg_foot.jpg) no-repeat 50% 0; }
#footer p { font-size: 70%; margin: 0; padding: 65px 0; }

/*基本
-------------------------------*/
body { margin: 0 auto; padding: 0; color: #333; line-height:130%; text-align:center; background: #002046 url(img/bg_body.jpg) repeat-x 50% 0; font-family : "ヒラギノ丸ゴ Pro W4","HiraMaruPro-W4", "Hiragino Maru Gothic Pro", "Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; }

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

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-size: 100%; font-weight: bold; }

p { margin: 0; padding: 0; }
img { border: none; }
hr { display: none; }

table { margin: 0; padding: 0; font-size: 80%; width: 656px; }
th { vertical-align:top; font-weight: normal; text-align: left; width: 110px; margin:0; padding: 5px; border-bottom: 1px solid #F7D2C8; }
td { vertical-align:top; margin: 0; padding: 5px; border-bottom: 1px solid #E6E6E6; }

ul,ol,dl { margin: 0; padding: 0; font-size: 80%; }
li { list-style-type: none; margin: 0; padding: 0; }
ol li { list-style-type: decimal; margin: 0 0 0 50px; padding: 0; }
ul li.dsc { list-style-type: disc; margin: 0 0 0 30px; padding: 0; }
ul li.sqr { list-style-type: square; margin: 0 0 0 30px; padding: 0; }

em { font-weight: bold; font-style: normal; padding-top: 10px; font-size: 80%; }
label { margin: 0; padding: 0; font-size: 80%;line-height:150%; }
input, textarea, select { margin: 2px; padding: 2px; background-color: #fff; /*border: 1px #010101 solid;*/ }

address { font-style: normal; font-size: 80%; line-height: 130%; margin: 1.2em 0; padding: 0; }
sup,sub { font-size: 65%; }
strong { font-weight: bold; }

abbr { border-bottom: none; }

/*clearfix*/
.clearfix { zoom:1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }

/*個別
-------------------------------*/
/*写真の回り込み*/
.ph { margin: 0 0 2px 0; padding: 0; border: 10px solid #ccc; background-color: #fff; }
.ph_l { margin: 0 13px 10px 0; padding: 0; float: left; border: 10px solid #ccc; background-color: #fff; }
.ph_r { margin: 0 0 10px 13px; padding: 0; float: right; border: 10px solid #ccc; background-color: #fff; }

/*テキスト*/

/*ローカルナビ*/
#local-navi ol { margin: 7px 6px 60px 6px; padding: 0; background-color: #fff; text-align: left; }
#local-navi ol li { list-style-type: none; margin: 0; padding: 8px 3px 8px 30px; border-bottom: 1px solid #F1F1F1; }
li#rank01 { background: url(img/icn01.gif) no-repeat 10px 9px; }
li#rank02 { background: url(img/icn02.gif) no-repeat 10px 9px; }
li#rank03 { background: url(img/icn03.gif) no-repeat 10px 9px; }
li#rank04 { background: url(img/icn04.gif) no-repeat 10px 9px; }
li#rank05 { background: url(img/icn05.gif) no-repeat 10px 9px; }
#local-navi #urabanashi { text-align: left; margin: 7px 6px 5px 6px; padding: 9px 6px; background-color: #fff; font-size: 80%; line-height: 150%; }
#local-navi #urabanashi h3 { font-size: 130%; font-weight: normal; margin-bottom: 5px; }
#local-navi #ura-back { text-align: right; margin: 0 0 65px 0; padding: 0 6px; }
#local-navi #lnk { width: 170px; text-align: left; margin: 0 0 0px 0; padding: 0px; background: url(img/bnr-lnk.jpg) repeat-y; }

/*コンテンツエリア*/
.entry { margin: 0 0 0 0; padding: 0 19px 0 19px; background: url(img/bg_entry.gif) repeat-y 0 0;/* border: 1px solid red;*/ }
.entry h2 { margin: 0 0 5px 0; padding: 0 5px; border-left: 4px solid #0054a8; color: #0054a8; }
.entry-base { margin: 0 0 7px 0; padding:0; }
.entry .entry-body { margin: 0; padding: 0; font-size: 80%; line-height: 160%; }
.entry .entry-body .bnr { margin: 10px 0 0 0; padding: 0; }

#contents-navi .navi { margin: 0 0 10px 0; padding: 0; }
#contents-navi .navi ul { margin: 0; padding: 0 13px 20px 13px; background: url(img/bg_lnavi.gif) repeat-y 0 0; }
#contents-navi .navi ul li { list-style-type: none; margin: 0 0 0 10px; padding: 4px 5px 4px 15px; background: url(img/arw.gif) no-repeat 0 6px; }

div.entry-footer { font-size: 80%; text-align: right; border-top: 1px solid #ccc; padding-top: 5px; margin-top: 25px; }
div.entry-date { font-size: 70%; font-weight: bold; color: #007824; margin: 0 0 1px 0; padding: 0px 5px; line-height: 120%; border-left: 4px solid #007824; }

ul#bn_list {  margin: 15px 20px 10px; }
ul#bn_list li { background: url(img/arw.gif) no-repeat 0 3px; line-height: 150%; padding: 0px 0px 10px 15px; }
div#bn_top { width: 170px; height: 22px; background: url(img/bnr-lnk_t.jpg) no-repeat top; }
div#bn_bot { width: 170px; height: 5px; background: url(img/bnr-lnk_b.jpg) no-repeat bottom; }

.entry img { margin: 0 0 5px 0; border: 10px solid #ccc; background-color: #fff; }
.entry img.btn { display: block; text-align: center; margin: 10px auto; border: none; background-color: none; }

div#comment-area { padding: 10px; margin-top: 30px; border-top: 5px solid #67A628; background: #EBF4DD; }
div.comment-form { margin: 5px 0px; }

.comment-header { font-size: 130%; margin: 0px 0px 5px; padding-top: 10px; }
div.comment-footer { text-align: right; font-size: 80%; border-bottom: 1px dotted #ccc; padding: 10px 0px 5px; margin-bottom: 10px; }
div#comments-open-footer { margin-bottom: 20px; }

p#mb100 { margin-bottom: 100px; }

div#backnum { margin: 5px 0px 0px 359px; }

img.hd_bn { margin-bottom: 10px; }

div.paginate { font-size: 70%; text-align: center; margin: 20px 0px; }
div.paginate span { background: #fff; padding: 5px 10px; }