@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

html{ height:100%;}
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background:#000;}

/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}


/*基本の設定*/
dt{ font-weight:bold;}
dd{ padding:0;}
ul,li{ margin:0; padding:0; text-indent:0;}

#main{ width:900px; margin:0 auto;}

#index_head{ width:900px; height:581px; background:url(../images/index_main_bg.jpg) no-repeat 0 0; position:relative;}
#lower_head{ width:900px; height:221px; background:url(../images/lower_top_bg.jpg) no-repeat 0 0; position:relative;}

#logo{ width:583px; height:193px; position:absolute; top:37px; left:33px;}
#logo_lw{ width:583px; height:184px; position:absolute; top:37px; left:33px;}

h1{ font-size:11px; color:#D2D2D2; position:absolute; top:16px; left:36px; }
#catch{ width:515px; height:276px; position:absolute; top:249px; left:63px;}

#navigation{ height:92px; position:relative;}
#navigation li{ display:inline;}
#navigation li img{ vertical-align:top;}
#media{ position:relative; top:-56px;}


#index_middle{ width:900px; height:280px;}
#index_middle_lw{ width:834px; padding:33px 33px 140px 33px; background:url(../images/lower_main_bg.jpg) no-repeat 0 100%;}
#index_bottom{ width:900px; height:194px; background:url(../images/index_bottom_bg.jpg) no-repeat 0 0; position:relative;}
#index_bottom.lw{ width:900px; height:194px; background:url(../images/lower_bottm_bg.jpg) no-repeat 0 0; position:relative;}

#index_middle_lw{ color:#FFF;}
#index_middle_lw p{font-size:12px; line-height:1.5em;}
#index_middle_lw .lead{}
#sys_option{ width:263px; float:right;}
#sys_option ul{ padding-bottom:16px;}
#sys_option li{ font-size:14px; line-height:1.8em; border-bottom:1px dotted #FFF; background:url(../images/list_star.gif) no-repeat 0 9px; padding:0 0 0 13px;}
#special{ clear:both; width:546px; height:75px; background:url(../images/system_special.jpg) no-repeat 0 15px; padding:45px 0 0 288px;}
#special li{ font-size:17px; padding-bottom:6px;}

#nomiho{ width:396px; float:right; clear:left;}
#nomiho p{ padding:0 0 15px 0;}


#index_bottom h2{ width:272px; text-align:center; position:absolute; left: 105px; top: 4px; font-size:14px; font-weight:bold; color:#211810; }
#bt_logo{ width:272px; height:54px; position:absolute; left:107px; top:24px;}
#index_bottom address{ text-align:center; width:272px; position:absolute; left: 107px; top: 79px; font-size:14px; font-weight:bold; color:#211810; z-index:110; }
#open{ text-align:center; width:272px; position:absolute; left: 107px; top: 98px; font-size:13px; font-weight:bold; color:#211810; z-index:100; }
#to_access{ width:206px; height:66px; left:196px; top:111px; position:absolute; z-index:50;}
#bt_contact{ width:403px; height:137px; position:absolute; left:476px; top:13px;}

#index_bottom ul{ position:absolute; top:160px; right:0; border-left:1px solid #B7B7B7; }
#index_bottom ul li{ padding:0 5px; display:inline; color:#B7B7B7; border-right:1px solid #FFF; font-size:11px;}

#index_bottom ul li a:link,#index_bottom ul li a:visited{ color:#B7B7B7; text-decoration:none;}
#index_bottom ul li a:hover{ text-decoration:underline;}



/*アクセスページ*/
#map{ clear:both; width:794px; height:585px; margin:0 20px; /*background:url(../images/map_bg.jpg) no-repeat 0 0;*/ color:#000;}
#access_info{ clear:both; width:484px; height:85px; background:url(../images/access_bg.jpg) no-repeat 0 0; padding:80px 0 25px 350px;}
#access_info h3{ font-size:16px; color:#FFF; font-weight:bold;}
#access_info access,#access_info p{ font-size:12px; color:#FFF; }

.clear { clear:both; }  
.clear hr { display:none; }

.flr{ float:left;}

/*

<div class="clear"><hr /></div> 

*/ 




/**/
#blog_side{ float:right; width:200px;}
.post{ width:600px; float:left;}


/* Header */#header {width: 980px;height: 120px;margin: 0 auto;background-color: #E8E8E8;}
/* Title */#title h1 {margin: 0;padding-top: 30px;padding-left: 20px;}
.sidebars ul {margin: 0;padding: 0;list-style: none;}
.sidebars li {padding-bottom: 30px;}
.sidebars li li {margin: 0;padding: 0;}

.post{ position:relative;}
.post .title {margin: 0;}
.post .entry {padding: 20px 0 20px 0;}
.post .entry a {text-decoration: underline;}
.post .more_link {text-align: right;}
.post .links {margin: 0;line-height: normal;font-size: smaller;text-align: right;padding-top: 30px;}
#form {margin-top: 20px;margin-left: 65px;}
.navi{margin:10px auto;text-align:center;width:90%;}
.pager{margin:10px auto;width: 90%;line-height:2em;text-align:center;}
.pager a{float:left;}
.pager_item a{border:solid 1px black;width:2em;height:2em;margin-right:2px;}
.pager_item a:hover{background-color:lightgray;}
.pager_item a.current_page_number{border-width: 2px;font-weight:bold;margin-top:-1px;}
/* Calendar */#calendar_wrap {padding: 0 5px;}
#calendar_wrap table {width: 100%;text-align: center;border-collapse: collapse;border: 1px solid #CCCCCC;}
#calendar_wrap thead th {padding: 5px 0;border-bottom: 1px solid #CCCCCC;color: #333333;}
#calendar_wrap tbody td {padding: 5px 0;border-right: 1px dotted #CCCCCC;border-bottom: 1px dotted #CCCCCC;}
#calendar_wrap tbody a {border: none;font-weight: bold;}
#calendar_wrap .caption {text-align:center;}
#calendar_wrap .current_month {padding-bottom: 5px;font-size: 1.2em;font-weight: bold;}
#calendar_wrap .next {text-align: right;}
#calendar_wrap .prev {text-align: left;}

#introduce p{ padding:0 0 25px 0;}
#introduce h4{ font-size:16px; font-weight:bold; color:#8A2315; padding:0 0 25px 0;}

#blog_rec{ text-align:center; border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:10px 0; margin-bottom:5px; font-size:13px; font-weight:bold;}
.sidebars li ul li{ padding:5px 0;}
.sidebars li ul li a{ padding:2px 5px; text-decoration:none;}
.sidebars li ul li a:link,.sidebars li ul li a:visited{ background:#FFF; color:#000;}
.sidebars li ul li a:hover{ color:#000; background:#F60; text-decoration:none;}

.post h3{
  -moz-transform: rotate(-3grad);
  -webkit-transform: rotate(-3grad);
  transform: rotate(-3grad);
  font-size:20px;
  margin-bottom:25px;
  position:relative;
  left:-10px;
  }
  
  
.links{
  font-size:20px;
  -moz-transform: rotate(-3grad);
  -webkit-transform: rotate(-3grad);
  transform: rotate(-3grad);
  margin-bottom:25px;
}
.links a{ font-size:35px;}
.links a:link,.links a:visited{ color:#FFF; text-decoration:none; }
.links a:hover{ background:#FFF; color:#000; text-decoration:none;}

.post h3 a{ padding:3px;}
.post h3 a:link,.post h3 a:visited{ background:#FF6600;  color:#000; text-decoration:none;}
.post h3 a:hover{ background:#FFF; color:#000;}

.pager a{ color:#FFF;}
.pager a:hover{ color:#000; background:#CCC;}

.post p{ padding:0 0 15px 0;}

.navi{ color:#FFF; padding:10px 0;}
.navi a{ color:#FFF;}

.entry{ border-bottom:1px dotted #FFF;}



.table_basic td,.table_basic th{ padding:15px 0; border-bottom:1px dotted #FFF;}


/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/*
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */