/*
THEME NAME: News
THEME URI: http://thebuckmaker.com/fireandice
AUTHOR: Fumiyo Aosaki
AUTHOR URI: http://thebuckmaker.com
DESCRIPTION:サイトからのお知らせデザイン。fireandiceを元にしたもの。

*/

@import "http://";

/*******G E N E R A L   S T Y L I N G

         h1, h2, h3, h4, h5, h6{font-weight:normal; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;}
         h2{font-size:1.4em}
         h3{font-size:1.3em}
         h4{font-size:1.2em; color:#232323; padding:5px 0;}
         h5{font-size:1.1em}
         h6{font-weight:bold}
*******/

blockquote {
         margin: 20px; 
         /*padding:10px;*/ 
         border-left:3px solid #232323;
}

         
blockquote p {
         font-style:italic; 
         color:#575757; 
         font-weight:bold;

}


a:link {color: #2F3D6F; text-decoration:none;}
a:visited {text-decoration:none; color:#2F3D6F;}
a:hover {color: #de8200; text-decoration:none;}
a:active { color:#d33f01;}

/*******
L A Y O U T
*******/


body {
	margin:0; 
	padding:0;
	color:#333;
	background:#fff;
	text-align:center;
	line-height:20px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Univers,Verdana,Arial, sans-serif;
}


/**  global.cssのwrapperと合わせる。   **/

div#wrapper {
	margin:0px;   /*   margin:0 220px;   */
	margin-left:auto; margin-right:auto;   /*  ★追加分  */
	padding:0;        /*  ★  */
	width:850px;  /*   749px  */
	border-left: 1px solid #9a9a9a;    /*  ★  */
	border-right: 1px solid #9a9a9a;   /*  ★  */
	background: #fff ;
}


/*** ★
#header h1 {
	position:absolute;
	width:202px;
	height:100px;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
		}
***/

div#access div.skip-link{
	display:none;
	position:absolute;
	top:200px;
	left:900px;
	font-size:12px;
}


/*  M   E   N   U   */


div#menu{
        position:absolute;top:0px;left:229px;
        font-size:12px;
        padding:5px 0 0 0;
        margin-bottom:0px;
        width:790px;
        text-align:right;
        display:inline;
}
div#menu ul {display:inline;}
div#menu ul a {font-weight:600; text-decoration:none; display:inline; color:#555;}/* color:#F7353E; */
div#menu ul a:hover{color:#555; background:#f7353e;}  /*  color:#F2F2F2; background:#f7353e; */
div#menu ul li.current_page_item a{/*background-color:#F7353e;*/ color:#555;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style-type:none; margin:0;}
div#menu ul li{float:right;}
div#menu ul li a{padding:5px;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}



/*  M   I   S   C   */


.page h2, .single h2 {padding-top:5px;}
.archive h3{border:0}
.archive .page-title{border-bottom:1px solid #555; padding:0px 0 5px 0; font-size:12px; color:#555;}



/*  C  O  N  T  E  N  T   */


div#content {
	width:700px;
	float:left;
	background:#fff;
	text-align:left;
	font-size:12px;
}


/***  ニュース用categoryとsingle.php用スタイル   ***/

div#content div.post,div#content div.page{margin:0 0 15px 10px;padding:0;}


/***   blockBのh2,h3スタイルと同様にする   ***/

div#content div.post h2,div#content div.post h3,{
    background:url(/img/shared/dot2.gif) repeat-x bottom;
    margin: 0 0 12px;
	padding: 10px 0;
} 

/***   blockBのpスタイルと同様にする     ***/
div#content div.post p{	margin: 0 0 12px;padding: 0;}


div#content div.post .entry-title, div#content div.page .entry-title{
background:transparent url(/img/shared/dot2.gif) repeat-x scroll center bottom;
margin:0 0 12px;
padding:10px 0;

} 

div#content div.post .entry-title a, div#content div.page .entry-title a{line-height:1.3em; color:#555;}  /*  color:#F2F2F2;   */

.entry-date{text-align:left; font-size:10px; padding-bottom:5px; text-decoration:none; color:#555;}

div#content div.post .entry-title a:hover, div#content div.page .entry-title a:hover{color:#555; line-height:1.3em;}

.entry-title{clear:both;}

/*Content Post Styling*/
.entry-content{overflow:hidden;}
.entry-content p{color:#555; font-size:12px; line-height:1.5em; padding:0.5em 0;}
.entry-content em{font-style:italic}
.entry-content ul, ol{margin:10px;font-size:12px; line-height:1.5em;}
.entry-content ul li{padding-left:5px; list-style-type:disc;}
.entry-content ol li{padding-left:5px;}
.entry-content strong, .entry-content b{font-weight:bold}
.entry-content img{padding:10px; border:none;}

.entry-content a{color:#555; padding:2px;}  /*  color:#F2F2F2;   */
.entry-content a:hover{text-decoration:underline;}
.entry-content h2 {margin:0; padding:0;}


/*  M  E  T  A  */


.entry-meta {font-size:10px; color:#555; padding: 10px 0; margin-bottom:20px; clear:both;}
.entry-meta a, .entry-meta a:visited {color:#555;}  /*  color:#F2F2F2;   */
.entry-meta a:hover{text-decoration:underline;}
.published {border:none; text-decoration:none;}



/*  C  O  M  M  E  N  T  S   */

/*Comment List*/
div#comments{clear:both; margin-top:50px;}
div#comments a, div#comments a:visited {color:#555; font-weight:bold;}   /* color:#f7353e; */
div#comments a:hover {text-decoration:underline;}
div#comments-list h3{font-size:14px; font-weight:bold; color:#555;}
div#comments-list ol {font-size:12px; line-height:1.2em; padding:0}
div#comments-list ol li {display:block; width:440px; padding:0; list-style-type:none;}
div#comments-list ol li .comment-author{font-weight:bold;}
div#comments-list ol li .comment-meta{padding-bottom:10px; color:#555; font-weight:normal;font-size:0.8em; border-top:1px solid #555;}
div#comments-list ol li .comment-author{padding-right:10px}
div#comments-list ol li p{font-weight:normal;}
div.comments ol li{margin:0 0 3.5em;}
.photo {float:right;}

/*Comment Input Form*/
div#respond {margin-top:50px;}
div#respond h3 {font-size:14px; font-weight:bold; color:#555;}
div#respond .formcontainer{font-size:12px; line-height:1.2em; height:400px;}
div#respond form#commentform textarea{border:3px solid #555; padding:5px; height:80px; width:424px; background:none; color:#555;}
div#respond form#commentform input{border:3px solid #555; padding:5px; height:16px; width:424px; background:none; color:#555;}
div#respond form#commentform input#submit{border:0; margin-top:10px; width:150px; padding:5px; border: 2px solid #555; height:30px; background:none; font-weight:bold; cursor:pointer;}
form#commentform{margin:0 30px; width:440px; padding-top:5px}
form#commentform p#comment-notes{color:#555;}
form#commentform div.form-label{color:#555; margin:5px 0}

input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}



/*  ★★      S  I  D  E  B  A  R   ★★    */


div.sidebar {
	float:left;
	width:140px;
	/*background:url(/img/shared/dot1.gif) repeat-x top;*/
	/*text-align:left;
	margin:0;
	padding: 0; */
}

div#primary.sidebar{
	float: right;
	width:223px;   /*    223pxpadding分をマイナス   */
	/*background:url(/img/shared/dot1.gif) repeat-x top;*/
	text-align:left;
	margin:0 10px 0 0;
	padding: 12px 0 0 0;
}

/*****  Sidebar List global.cssのnews-archiveとスタイルを合わせる  *****/

.xoxo {
	list-style:none;
}

.xoxo li {margin:0;padding:0; font-size:12px; color:#555; list-style-type:none;}
.xoxo a, .xoxo a:visited {font-size:12px; /*font-weight:bold; color:#f7353e;*/ }
.xoxo h3 {margin:20px 0 5px 0; padding:0;display:none;}
.xoxo ul {margin:0; padding:0;}
.xoxo ul li {
	background:url(/shared/img/arrow_blue_s.gif) 0 50% no-repeat;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}



/*** designに合わせるため適用を外す
.xoxo ul li:hover {color:#F2F2F2; background:#F7353E;}
.xoxo ul li:hover a {color:#F2F2F2;}
.xoxo ul li.current_page_item {background:#F7353E;color:#F2F2F2;}
.xoxo ul li.current_page_item a, .xoxo ul li.current_page_item a:visited {color:#F2F2F2;}
.xoxo li a:hover { color:#F2F2F2; background:#F7353E}
.xoxo ul ul li {padding-left:0px;}  /*  padding-left:5px  */
.xoxo ul ul li:hover {background:#000; color:#f7353e;}

***/



/******   secondarysidebar  をcontentの中で左側に表示させる  global.cssの#news-archiveと合わせる   *****/

div#secondary.sidebar {
	float:left;
	width:140px;
}





/*  N  A  V   next/last post, older/newer posts  */

#nav-above {display:none;}
#nav-below {font-size:12px; margin-bottom:30px;}
#nav-below a, #nav-below a:visited {color:#808080; font-weight:bold}
#nav-below a:hover {text-decoration:underline;}
.nav-previous {float:left;}
.nav-next {float:right;}



/*  A  L  I  G  N  */

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}


/*****  追加タイル   *****/

a img{border-style:none;}