/* CSS Document */

/*全体*/

*{
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

br.cl{
clear: both; 
line-height: 0;
}

html{
 font-family:sans-serif;
}

body{
 text-align: center;
 font-size: 14px;
 font-family:"HiraMaruPro-W4,"ヒラギノ角ゴ Pro W4","ＭＳ Ｐゴシック",sans-serif";
 line-height:140%;
 background-color:#EDEDED;
}

a{
 text-decoration: underline;
 color: #537293;
}
a:hover{
 text-decoration: underline;
 color: #3689A5;
}

li{
 list-style:none;
}

img{
 max-width: 460px;
 border: 0;
}


#container{
 width: 700px;
 margin-left: auto;
 margin-right: auto; 
 text-align: left;
 border-right: 1px solid #aaaaaa;
 border-left: 1px solid #aaaaaa;
 border-bottom: 1px solid #aaaaaa;
 background-color:#ffffff;
}



/*ヘッダー*/

#header{
}
#title{
 position: relative;
 width: 100%;
 height: 70px;
 background: #ffffff url(img/title.jpg); 
}
#title-t{
 position: relative;
 width: 100%;
 height: 70px;
 background: #ffffff url(img/title_senyo.jpg); 
}

#title h1,#title-t h1{
 position: absolute;
 width: 218px;
 height: 33px;
 left: 21px;
 top: 20px;
 text-indent: -10000px;
}

#title h1 a,#title-t h1 a{
 display: block;
 width: 218px;
 height: 33px;
 text-decoration: none;
 outline: none;
}


/*ヘッダーのナビゲーション*/

#he-navi{
 width: 100%;
 background-color: #666666;
 height: 23px;
 padding: 2px 0 0 0;
}

#he-navi ul{
 float: right;
}

#he-navi li{
 font-weight: 300;
 list-style:none;
 display: inline;
}

#he-navi-home{
color: #bbeeff;
padding: 0 5px 0 0;
}

#he-navi-home a{
 color: #ffffff;
 text-decoration:none
}

#he-navi-home a:hover{
 color: #bbeeff;
}

.he-navi-1 a{
 color: #ffffff;
 text-decoration:none
}

.he-navi-1 a:hover{
 color: #bbeeff;
}

.he-navi-1{
color: #BBEEFF;
background: url(img/arrow.gif) 0 -1px no-repeat;
padding: 0 10px 0 20px;
}



/*コンテンツ*/

#content{
 position: relative;
 float: right;
 width: 460px;
 _width: 460px;
 height: 100%;
 _height: 578px;
 border-left: 200px solid #3399cc;
 margin-left: -200px;
 _left: 0px;
 padding: 0 20px 20px 20px;
 background: #ffffff;
}

/*更新情報*/

#what_new{
 margin: 0 0 0 0;
 padding: 0 0px 0 0;
}

#what{
 height: 16px;
 font-size: 14px;
 color: #333333;
 margin: 25px 0 0 0;
 padding: 5px 5px 5px 5px;
 border: 1px solid #333333;
}

.c_day{
 font-size: 12px;
 color: #333333;
 margin: 5px 0 0 0;
 padding: 0 0 0 0;
}

p.w_new{
 font-size: 14px;
 color: #333333;
 margin: 0 0 0 0;
 padding: 0 0 2px 0;
 border-bottom: 1px dashed #333333;
}

p.w_new a{
 text-decoration: none;
 color: #333333;
}

p.w_new a:hover{
 text-decoration: underline;
 color: #3689A5;
}

/*エントリ*/

h2.c_title{
 font-size: 20px;
 font-weight: 700;
 color: #333333;
 height: 30px;
 margin: 15px 0 0 0;
 padding: 6px 0 0 40px;
 background: url(img/c-title.jpg) no-repeat;
}

h3.e_title{
 font-size: 16px;
 font-weight: 700;
 color: #333333;
 _height: 1px;
 border-bottom: 2px solid #3399cc;
 margin: 0 0 15px 0;
 padding: 20px 0 5px 0;
}

.entry-inner{

}
.entry-inner li{
 list-style:none;
 padding: 5px 0 0 0;
}

.e_footer{
 width: 100%;
 height: 15px;
 font-size: 12px;
 border-top: 1px dotted #333333;
 margin: 15px 0 0 0;
 padding: 5px 0 5px 0;
}

.e_footer ul{
 float: right;
}

.e_footer li{
 display: inline;
 padding: 0 0 0 15px;
}

.page{
 color: #333333;
 font-size: 10pt;
 margin: 15px 0 0 0;
 padding: 2px 2px 2px 2px;
 background: #eeeeee;
}

.page a{
 color: #3C97B5;
 text-decoration:none
}

.page a:hover{
color: #bbeeff;
}



/*サイドバー*/

#side{
 position: relative;
 float: left;
 text-align: right;
 font-size: 15px;
 font-family:"MS Pゴシック";
 color: #ffffff;
 font-weight:700;
 width: 200px;
 z-index: 1;
 background: #3399cc;
}

#side-title li{
 display:block;
 line-height:150%;
 font-size: 17px;
 font-family:"MS Pゴシック";
 color: #ffffff;
 font-weight:900;
 width:140px;
 height:25px;
 padding: 0 60px 0 0;
 background: url(img/navi3.png) no-repeat;
}

#side-navi{
 line-height:150%;
 margin: 20px 0 20px 0;
}

#side li{
 list-style:none;
}

#side li a{
 display:block;
 text-decoration: none;
 font-family:"HiraMaruPro-W4,"ヒラギノ角ゴ Pro W4","ＭＳ Ｐゴシック",sans-serif";
 color: #ffffff;
 width:140px;
 height:25px;
 padding: 0 60px 0 0;
}

li.side-na{
 margin: 10px 0 0 0;
}

li.side-pr,.side-mail-pr{
 display:block;
 margin: 10px 0 0 0;
 width:140px;
 height:25px;
 padding: 0 60px 0 0;
 background: url(img/navi3.png) no-repeat;
}

li.side-s_na{
 font-size: 10px;
 padding: 0 60px 0 0;
 _padding: 0 0 0 0;
}
li.side-s_pr{
 display:block;
 font-size: 10px;
 width:140px;
 height:25px;
 padding: 0 60px 0 0;
 background: url(img/s_navi3.png) no-repeat;
}

.side-home{
 line-height:150%;
 font-size: 17px;
 font-weight:900;
}

.side-home a{background: url(img/navi1.gif) no-repeat;}
.side-home a:hover{background: url(img/navi2.png);}
.side-na a{background: url(img/navi1.gif) no-repeat;}
.side-na a:hover{background: url(img/navi2.png);}
.side-pr a{background: url(img/navi3.png) no-repeat;}
.side-s_na a{background: url(img/s_navi1.gif) no-repeat;}
.side-s_na a:hover{ background: url(img/s_navi2.png);}
.side-s_pr a{background: url(img/s_navi3.png) no-repeat;}
.side-mail,.side-mail-pr{
 margin: 20px 0 0 0;
}

.side-mail a{background: url(img/na_mail1.gif);}
.side-mail a:hover{background: url(img/na_mail2.png);}

#address{
 font-size: 11px;
 color: #fafafa;
 font-weight: 500;
 text-align: left;
 padding: 20px;
 background-image: url(img/back2.gif);
}

#license{
 font-size: 11px;
 color: #fafafa;
 font-weight: 500;
 text-align: left;
 padding: 10px;
 margin: 0 0 0 0;
}

#feed-container{
 position: relative;
 height: 78px;
}

.rss{
 position: absolute;
 font-size: 12px;
 font-weight: 700;
 text-align: center;
 top: 15px;
 left: 110px;
}

.atom{
 position: absolute;
 font-size: 12px;
 font-weight: 700;
 text-align: center;
 top: 45px;
 left: 110px;
}

.rss a{
 display: block;
 width: 60px;
 height: 18px;
 color: #fafafa;
 font-size: 10px;
 font-weight: 700;
 text-decoration: none;
 padding: 1px;
 border: 1px solid #333333;
 background: #82C1D7;
}

.rss a:hover{
 background: #3C97B5;
 color: #fafafa;
}

.atom a{
 display: block;
 width: 60px;
 height: 18px;
 color: #fafafa;
 font-size: 10px;
 font-weight: 700;
 text-decoration: none;
 padding: 1px;
 border: 1px solid #333333;
 background: #82C1D7;
}

.atom a:hover{
 background: #3C97B5;
 color: #fafafa;
}



/*フッター*/

#footer{
 font-size: 12px;
 text-align: right;
 border-top: 25px solid #3399cc;
 margin: 0 0 0 0;
 padding: 10px 10px 10px 0;
 background: #ffffff;
}



/*フォームレイアウト*/

input:focus{
 background: #82C1D7;
}

textarea:focus{
 background: #82C1D7;
}

#mail_coment{
 _height: 1px;
 border: 1px solid #333333;
 margin: 15px 0 20px 0;
 padding: 5px 5px 5px 5px;
}

.f-ma{
 width: 450px;
 margin: 5px 0 0 0;
}

.f-he{
 width: 30%;
 vertical-align: top;
 font-size: 12px;
 font-weight: 700;
 color: #ffffff;
 text-align: right;
 padding: 3px 3px 3px 3px;
 background: #82C1D7;
}

.f-co{
 width: 70%;
 padding: 3px 3px 3px 3px;
}

#mail_b{
 width: 350px;
 text-align:center;
 padding:5px 0 0 0;
}

.mail_b_r{
 padding:0 0 0 5px ; 
}