/*
Theme Name: CoolWeb04
Theme URI: http://www.af-joho.com/tmp04/
Description: Howto design cool WordPress Theme.
Version: 1.0
Author: Mitsuo Oda
Author URI: http://www.af-joho.com/
*/




* {
 margin: 0;
 padding: 0;
}




html{height: 100%;}




/* BODY */
body {
 background: #FFF url("http://www.yueisya.com/wp-content/themes/Coolweb04_25/img/back.gif") repeat-y top center;
 font-family: "ＭＳ Ｐゴシック", sans-serif;
 text-align: left;
 margin : 0;
 padding: 0;
 color: #444444;
 font-weight: normal;
 font-size: 100%;
 line-height: 150%;
}




/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
 margin: 0;
 padding: 0;
 border: 0;
}




/* strong */
strong {font-weight: bold;}




/* 画像の属性 */
img {border: none; margin: 0 5px;}


/* 強調文の属性*/
h1,h3,h4,p{font-size: 12px;font-weight: normal;}
h2{font-size: 25px;}

/* リンクの属性（未指定の時） */
body a:visited {color: #4169e1;text-decoration: none;}
body a:link,  a:active {color: #4169e1;text-decoration: none;}
body a:hover {color: #87ceeb;text-decoration: underline;}

/*ブログの枠等の属性*/
#wrapper{
	width:784Px;
	margin: 0 auto;
	background: url("http://www.yueisya.com/wp-content/themes/Coolweb04_25/img/header_lump.gif") no-repeat top left;
	text-align:left;
	}




/*ヘッダー*/
#header	{margin : 0px; padding: 0px; height : 130px; text-align:left;}
#header h1{margin-top : 0px; margin-bottom: 0px; text-indent: -1000px;}
#header h1 a {
	width:450px;
	height:130px;
	background: url("http://www.yueisya.com/wp-content/themes/Coolweb04_25/img/header_lump.gif") no-repeat;
	display: block;
	}
#header h1 a:hover {background-image: url("http://www.yueisya.com/wp-content/themes/Coolweb04_25/img/header_lump.gif");}




/*-----ページリスト-----*/
#page_navi {
 margin: 0;
 height: 40px;
 background: #c0c0c0;
}


#page_navi ul{
 float: left;
 margin: 0;
}


#page_navi li{
 float: left;
 margin: 0;
 width: 106px;
 height: 40px;
 background: #eee;
 border-right: 1px solid #fff;
 font-size: 15px;
 text-align: center;
 color: #696969;
 display: block;
 overflow: hidden;
}


#page_navi li a:link, #page_navi li a:visited, #page_navi li a:active {
 float: left;
 margin: 0;
 width: 110px;
 height: 100%;
 background: #ffdab9;
 border-right: 1px solid #696969;
 font-size: 15px;
 text-align: center;
 color: #000000;
 display: block;
 overflow: hidden;
 text-decoration: none;
}
#page_navi li a:hover {background: #ffa07a;color: #a52a2a;font-weight: bold;}

#page_slogan h2{
 height:10px;
 margin:0 0 0 10px;
 font-size:xx-small;
 color:#ffffff;
}

#page_slogan_real{
 height:10px;
 margin:0px 20px 25px 10px;
 font-size:10px;
 line-height: 1.2;
 color:#708090;
 font-weight:normal;

}

#page_slogan_real a:visited {color: #00aaaa;text-decoration: underline;}
#page_slogan_real a:link,  a:active {color: #00aaaa;text-decoration: underline;}
#page_slogan_real a:hover {color: #87ceeb;text-decoration: none;}


#directmail{
 height:10px;
 margin:5px 10px -10px 10px;
 font-size:12px;
 line-height: 1.5;
 color:#000000;
 font-weight:normal;
}

#directmail a:visited {color: #708090;text-decoration: underline;}
#directmail a:link,  a:active {color: #708090;text-decoration: underline;}
#directmail a:hover {color: #a9a9a9;text-decoration: none;}


/*-----記事全体属性-----*/
#container{
	margin: 0 auto;
	width: 780px;
	text-align: left;	
}

/*ナビゲーション*/

#navigation {
	float: left;
	margin: 30px 0 15px 30px;
}

#navigation .navi
{
   margin:1px;
   height:13px;
   padding:4px;
   width:65px;
   text-align:center;
   background:#f5f5dc;
   font-size:12px;
   line-height:1.5;
}

#navigation .navi2
{
   margin:1px;
   height:13px;
   padding:0px;
   width:18px; 
   text-align:center;
   background:#ffffff;
   font-size:12px;
   line-height:1.5;
}

#navigation .navinow
{
   margin:1px;
   height:13px;
   padding:4px;
   width:65px;
   text-align:center;
   background:#9acd32;
   font-size:12px;
   line-height:1.5;
   font-weight:bold;
}

#navigation .navicon
{
   margin:1px;
   height:13px;
   padding:4px;
   width:80px;
   text-align:center;
   background:#ffa777;
   font-size:12px;
   line-height:1.5;
   font-weight:bold;
}

#navigation .navi3
{
   margin:1px;
   height:13px;
   padding:4px;
   width:65px;
   text-align:center;
   background:#f5f5dc;
   font-size:12px;
   line-height:1.5;
   font-weight:bold;
}

/*-----エントリー部分(共通）-----*/
#content {
	width: 560Px;
	float: left;
	background-color: #FFF;
	margin: 10px 5px 0 30px;
}

#content h3{
    font-weight : bold;
    font-size : 22px;
    line-height: 1.2;
}

#content h4{
   font-size : 10px;
   color: #a9a9a9;
   text-align: right;
}


#content h5{
   font-size : 18px;
   font-weight: bold;
   color: #006400;
}







#content p{
	margin: 5px 0;
}


#content p.postmetadata{
	margin: 5px 0;
	text-align: right;
	font-size: 84%; 
}


#content ul{
	margin-left: 10px;
	list-style: none;
}




#content li {
	padding-left: 15px;
        font-weight: normal;
        font-size: 75%;
	text-decoration: none;
	background: url("http://www.yueisya.com/wp-content/themes/Coolweb04_25/img/list_doc.gif") no-repeat left top;
}

#content .punchline{
font-size:small;
}

#content .language{
text-align: right;
}

#content .language a:visited {color: #708090;text-decoration: none;}
#content .language a:link,  a:active {color: #708090;text-decoration: none;}
#content .language a:hover {color: #a9a9a9;text-decoration: underline;}

#content .name {font-weight: bold; font-size: 20px; text-align:right;}
#content .name2 {font-weight:bold; margin: -15px 0 0 0; text-align:right;}
#content .name3 {margin: 0 0 30px; 0; text-align:right;}

#content .setsumei{
	margin: 15px 30px 30px 3px;
        width: 500px;
	font-size: 16px;
	line-height: 170%;
 	border: 4px solid #006400;
 	padding: 10px 30px 10px 30px;
	background-color: #ffffff;
}

#content .contact{
	margin: 15px 30px 30px 3px;
        width: 280px;
        font-style: bold;
        font-size: xx-large;
 	border: 4px solid #006400;
 	padding: 10px 30px 10px 30px;
	background-color: #98fb98;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
}

#content .next {font-size:90%;}
#content .next a:visited {color: #ff0000;text-decoration: none;}
#content .next a:link,  a:active {color: #ff0000;text-decoration: none;}
#content .next a:hover {color: #ffc0cb;text-decoration: underline;}

/*インフォメーション*/
#info{

	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	margin: 240px 10px 0px 10px;
	width: 130px;
	float: right;

}
 
#info .infoinner{
	padding: 25px 10px 25px 10px;
	font-size:12px;
        line-height: 150%;
}

#info .infoinner a:link, #info .infoinner a:visited, #info .infoinner a:active {
        color: #ff0000;
        text-decoration: underline;
	font-size: 14px;
        padding-left:15px;
        background: url("http://www.yueisya.com/wp-content/themes/Coolweb04_25/img/list_doc.gif") no-repeat left top;
}

#info .infoinner a:hover {
	color: #ff8c00;
        text-decoration: underline;
        font-weight: bold;
        font-size: 14px;
	
}

/*フッターナビ*/
#f_navi {
	clear: both;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	text-align: right;
	font-size: 10px;
	}




#f_navi img{border-style: none; vertical-align: middle;}

#f_navi a:link, a:visited, a:active {color: #4169e1;text-decoration: none;}
#f_navi a:hover {color: #87ceeb;text-decoration: underline;}



/*フッター*/
#footer{
	clear: both;
	margin: 10px 0 0 0;
	color: #CCC;
	text-align: left;
	font-size: 83%;
	line-height: 133%;
	background: #fff;
}




#footer .left{
	float: left;
	width: 300px; 
}




#footer .left_inner{
	padding: 10px 0 5px 10px;
}




#footer .s_tag{
 	margin: 10px;
 	text-align: left;
 	line-height: 200%;
}




#footer .right{
	float: right;
	width: 380px;
	margin-right: 10px;
	padding: 10px 0;
}




#footer h2{
	font-size: 120%;
	font-weight: bold;
	color: #696969;
	line-height: 150%;
	text-indent: 5px;
	border: 1px solid #CCC;
	display: block;
}








#footer img{border-style: none;	vertical-align: middle;	}




#footer .banner{
	background-color: #FFF;
	margin: 0px;
	padding: 15px 5px 10px 5px;
	float: left;
}




#footer .copyright{
	text-align: center;
	padding: 5px 10px;
	color: #696969;
}




/* フッターリンクの属性 */




/* ---- 最新記事用----- */
#footer ol{
 	margin: 10px 0;
 	padding-left: 30px;
}




#footer li {
 	margin: 0;
 	font-size: 10px;
}




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