/*
Theme Name: 60521_blue
Description: WordPressテーマ Ver.6 特別版（2カラム青）
Author: Tsunehisa Hazama
Author URI: http://www.af-joho.com/
*/

* {margin: 0; padding: 0;}
html{height: 100%;}

/* BODY */
body {margin: 0;padding: 0;text-align: center;color:#333333;font-size: 14px;line-height: 150%;font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana,Arial, Helvetica, sans-serif;}

/* 画像属性 */
img {border: none;}
.img-l {float: left; margin: 5px 10px 5px 0;}
.img-r {float: right; margin: 5px 0 5px 10px;}
.img-c {;margin: 10px auto;}
.img-m {margin-right: 5px; vertical-align: middle;}
.img-t {margin-right: 5px; vertical-align: top;}
.img-b {margin-right: 5px; vertical-align: bottom;}
.img-left{float: left; margin: 5px 10px 5px 0;}
.alignleft {float: left;  margin: 5px 10px 5px 0;}
.alignright{float: right; margin: 5px 0 5px 10px;}
.aligncenter{;margin: 10px auto;}
a:hover.link img,a:hover img.link{filter: alpha(opacity=60); -moz-opacity:0.60; -ms-filter: "alpha( opacity=60 )"; opacity:0.60; background:none!important;}

/* 初期化 */
h1,h2,h3,h4{font-size: 14px;font-weight: normal;}
hr{display: none;}

/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {color: #0044CC;text-decoration: underline;}
a:hover {color:#FF0000;text-decoration: none;}
  
/* 基本設定 */
#base{width: 1000px;margin: 20px auto 10px auto;text-align: center;background: #FFFFFF;position: relative;}

/*ヘッダー*/
#header  {height:40px;margin: 0 auto;width: 870px;text-align: left;}
#header h1{position: absolute;top: 10px;left: 25px;font-size: 18px;font-weight: bold;color: #333333;}
#header #des{position: absolute;top: 45px;left: 0px;width: 700px;padding-left: 25px;font-size: 85%;font-weight: normal;color: #333333;text-align: left;line-height: 120%;display: block;}
#header ul.h_navi{position: absolute;top: 10px;right: 10px;text-align: right;font-size: 75%;line-height: 16px;list-style: none;}
.h_navi li{margin-right: 5px;color:#FFFFFF;float: left;display: block;}
.h_navi li a{padding: 2px 10px;color:#FFFFFF;background:#66CCFF;text-decoration: none;display: block;}
.h_navi li a:hover{background:#FF6666;display: block;}
#header2{margin: 0;padding: 0;height: 250px;border-top:2px solid #66CCFF;border-bottom:5px solid #66CCFF;background: url("img/header2.jpg") no-repeat;}

/*  パンくずリスト  */
.navi {margin :10px 0;font-size: 12px;padding-left: 5px;text-align: left;}

/*ブログの枠等の属性*/
#containar {width: 950px;margin: 0 auto;padding-top: 10px;text-align: center;background: #FFFFFF;}

/*コンテンツ*/
#contents {float: right;width: 730px;margin: 0;padding: 0;font-size: 100%;text-align:left;background: #FFFFFF;overflow: hidden;}
#contents h2 {margin-bottom: 10px;padding:5px;border-style:solid;border-width:1px;border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;}
#contents h2 span{padding-left:5px;color:#333333;font-size:145%;font-weight:bold;line-height:150%;border-left:solid 5px #66CCFF;display:block;}
#contents h3{margin: 5px 0 10px 10px;padding-left: 20px;border-bottom: 2px solid #66CCFF;color: #333333;font-weight: bold;font-size: 18px;line-height: 150%;display: block;text-align: left;background: url("img/h3_back.png") no-repeat center left;}
#contents h3 a {color: #333333;text-decoration: none;}
#contents h3 a:hover{color: #FF0000;text-decoration: underline;}
#contents h4 {margin: 0;padding-left: 20px;color: #333333;font-weight: bold;font-size: 16px;line-height: 24px;text-align: left;display: inline;background: url("img/list3.gif") no-repeat center left;}

/*インフォメーション*/
#contents #info {margin: 10px 0;padding: 10px;border: 5px solid #66CCFF;}
#info h2{margin-bottom: 0;padding: 0;border: none;color:#333333;font-size:150%;font-weight:bold;line-height:150%;}

/*記事枠*/
#contents .box{margin: 10px 8px;width: 222px;height: 180px;text-align: left;border-left: 5px solid #66CCFF;overflow: hidden;float:left;}
#contents .box h3{margin: 0 0 0 5px;height: 36px;padding-left: 0;border: none;color: #555;font-weight: normal;font-size: 16px;line-height: 1.1em;display: block;text-align: left;overflow: hidden;background: #EFEFEF;}
#contents .box h3 a{color: #333333;text-decoration: underline;}
#contents .box h3 a:hover{color: #FF3300;text-decoration: none;}
#contents .box .inner{margin: 0;padding: 5px 0 5px 5px;font-size: 12px;line-height: 1.3em;}
#contents .box img{margin-right: 5px;border: 1px solid #CCCCCC;float: left;}
#contents .doc{margin: 10px 10px 10px 20px;text-align: left;}
#contents .doc p{padding-bottom: 10px;}
#contents .posted {text-align: right;font-size: 10px;margin: 0px 20px 10px 0;}
#contents .postmetadata{font-size: 90%;padding-left: 20px;line-height: 130%;}
img.wp-post-image {padding: 2px; border: 1px solid #DDDDDD;}

/*  関連記事リスト属性 */
#contents ol{margin: 0px 0px 0px 30px;}
#contents li{margin: 0;font-size: 100%;line-height: 19px;}
#contents .kanren{margin-top: 15px;padding: 10px;background: #EFEFEF;font-size: 12px;line-height: 150%;border: 1px solid #CCCCCC;}

/*  相互リンクリスト属性 */
#contents .slink ul{margin: 10px 5px 20px 20px;}
#contents .slink ul li{margin: 0;font-size: 12px;line-height: 150%;}

/* ---- コメント----- */
.comments ul{list-style: none;margin-left: 20px;color:#444444;font-size: 12px;}
.comments ul li {margin-bottom: 10px;background: #EFEFEF;padding: 10px;}
.comments ul li.depth-1{border-bottom: 1px dotted #CCCCCC;margin-bottom: 10px;}
.comments ul.children {list-style: none;}
.comments p{padding: 0 10px 5px 20px;text-align: left;}
.comments form p{line-height: 160%;}
.comments label{font-weight: bold;display:block;}
.comments form p.comment-notes,.comments form p.form-allowed-tags{font-size: 11px;text-align: left;}
.comments .reply{width: 40px;height: 20px;margin-left: 20px;text-align: center;line-height: 20px;border: 1px solid #CCCCCC;background: #FFFFFF;display: block;}
.comments .reply a{color: #333333;text-decoration: none;display: block;} 
.comments .reply a:hover{color: #FFFFFF;background: #CCCCCC;} 
.comments h3 small{font-size: 14px;}
#captchaImgDiv{margin: 0 10px 0px 20px;text-align: left;}
.t_back{margin: 10px 0 10px 20px;}

/* 続きを読む */
a.more-link{float: right;margin-bottom: 20px;padding: 3px 10px;font-size: 85%;line-height: 100%;text-decoration: none;}

/*　アドセンス　*/
.ads_rec{margin: 10px 0 10px 10px;text-align: left;}
.ads_sky{margin:0 auto;}
.ads_sqr{margin:10px 0;text-align: center;}
.ads_banner{margin-bottom: 10px;text-align: center;}
.ads_unit{margin: 5px 0;text-align: center;}

/*サイドバー*/
#sidebar {float: left;width: 190px;margin: 0;color: #666666;text-align: left;font-size: 90%;}
.cont{margin-top: 10px;background: #FFFFFF;}
.cont h2{text-align: center;line-height: 25px;text-decoration: none;border: 1px solid #CCCCCC;color: #FFFFFF;font-weight: bold;display: block;background: #66CCFF;}
.cont form{padding: 5px 10px;border-width: 0px 1px 1px 1px;border-color: #DDDDDD;border-style: solid;text-align: center;}

/*メニュー*/
#sidebar ul{list-style: none;margin: 0;}
#sidebar ul li{padding:2px 2px 2px 14px;text-align: left;line-height: 150%;border-width: 0px 1px 1px 1px;border-color: #DDDDDD;border-style: solid;background: url("img/menu_list.png") no-repeat top left;}
#sidebar ul li a:link,#sidebar ul li a:visited,#sidebar ul li a:active{text-decoration: none;}
#sidebar ul li a:hover{text-decoration: underline;}
#sidebar ul.children{margin-left: 5px;list-style: none;}
#sidebar ul.children li{border: none;background: url("img/menu_list2.png") no-repeat top left;}
#sidebar ul.children li a:link,#sidebar ul.children li a:visited,#sidebar ul.children li a:active{text-decoration: none;}
#sidebar ul.children li a:hover{text-decoration: underline;}

/*フッターナビ*/
ul.f_navi {margin: 5px 0;list-style: none;font-size: 85%;}
.f_navi li{float: right;margin-left: 5px;display: inline;}
.f_navi img{margin: 0 5px;border-style: none; vertical-align: middle;}

.f_space{clear: both;margin: 0;}

/*フッター*/
#footer{clear: both;margin: 0 auto;width: 1000px;color: #555555;padding: 15px 10px;text-align: center;}
#footer .copyright{margin: 0;text-align: center;}
#footer a:link, #footer a:visited, #footer a:active {color: #0044CC;text-decoration: underline;}
#footer a:hover {color:#FF0000;text-decoration: none;}


/**********************************************************/

/* gradient */
.menu-color{color: #FFF;background: #DA4949;}
.menu-gradient{background: url("img/menu_back.png") repeat-x top left;}
.h-gradient{background: url("img/h_back.png") repeat-x top left;}

/* radius */
.corner-top-6{-moz-border-radius-topleft: 6px;-moz-border-radius-topright:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-radius: 6px 6px 0px 0px;}
.corner-bottom-6{-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-radius: 0px 0px 6px 6px;}
.corner-all-2 {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.corner-all-5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.corner-all-8 {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.corner-all-10{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} 

/* shadow */
.box-shadow{-moz-box-shadow: 0px 0px 6px #666;-webkit-box-shadow: 0px 0px 6px #666;box-shadow: 0px 0px 6px #666;}

/**********************************************************/

/*その他属性*/
.line{clear: both;margin: 10px 0 20px 0;border-bottom: 1px solid #CCC;}
.red_uline{border-bottom: 3px solid #F30;}
.uline{border-bottom: 1px solid #99CC99;}  
.dotline{clear: both;margin: 5px 0;border-bottom: 1px dotted #CCC;}
.clear{clear: both;}
hr{display: none;}
u{color: red;}

/* 線の属性 */
.dot{border-bottom:1px dotted #ccc;}
.solid{border-bottom:1px solid #ccc;}

/*フォント属性*/
.fon70{font-size: 75%;}
.fon85{font-size: 85%;}
.fon90{font-size: 92%;}
.fon100{font-size: 100%;}
.fon115{font-size: 115%;}
.fon130{font-size: 130%;}
.fon145{font-size: 143%;}
.fon150{font-size: 150%;}
.fon200{font-size: 200%;}
.tab10{padding-left: 10px;}
.tab20{padding-left: 20px;}
.tab30{padding-left: 30px;}
.bld{font-weight: bold;}

/* ページナビ */
.page_navi {text-align: center;}
.page_navi li {display: inline;list-style: none;}
.page_navi li.current span {color: #000000;font-weight: bold;display: inline-block;padding: 3px 7px;background: #FFEEEE;border: solid 1px #FFCCCC;}
.page_navi li a {color: #333333;padding: 3px 7px;background: #EEEEEE;display: inline-block;border: solid 1px #999999;text-decoration: none;}
.page_navi li a:hover {color: #FF0000;}
.page_navi li.page_nums span {color: #FFFFFF;padding: 3px 7px;background: #666666;display: inline-block;border: solid 1px #333333;}