/*
THEME NAME: Soyukai
THEME URI: http://thebuckmaker.com/fireandice
AUTHOR: Fumiyo Aosaki
AUTHOR URI: http://thebuckmaker.com
DESCRIPTION:走友会のデザイン。fireandiceを元にしたもの。
VERSION: 1.0.1
TAGS: fixed width, two columns, valid CSS, valid XHTML, black, red, orange, widget ready, left sidebar, gravatars, support,
*/

@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:#555;    
	background-color:#ccc;
	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-left:auto; margin-right:auto;  
        padding:0; 
        width:900px;
	    border-left: 1px solid #9a9a9a; 
	    border-right: 1px solid #9a9a9a; 
        background: #fff ;
}

/*   左側（defaultでは右側） containerの中にcontent/sidebar格納  */

div#container {
	/*    float: left;      right   */
	margin: 0px;   /*  0 0 0 -220px   */
    padding:0;
 	width: 100%;
 	height: 100%;
	/*  background-color:#fff; */

}


/*H E A D E R*/

/**  global.cssのheaderと合わせるため削除   **/

/*** ★
#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 {
        float: left;
	    margin: 0 0 0 10px; 
        padding:12px 0 0 0; 
        width:581px;
}

/***  保健室・カフェテリアのcategoryとsingle.php用スタイル   ***/

div#content div.post,div#content div.page{margin:0 0 150px 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;
} 

/***  保健室・カフェテリアのコーナー説明   ***/

.disc{margin:0 5px 12px 5px;padding:0;}

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

div#content div.post .entry-title, div#content div.page .entry-title{
font-size:1.3em; font-weight:normal; color:#555; margin:0; padding: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: right;      left   */
       /* width:208px;       223pxpadding分をマイナス   */
       /*background:url(/img/shared/dot1.gif) repeat-x top;*/
       text-align:left;
       margin:0;
       padding: 0;
}

div#primary.sidebar{
       float: right;   /*   left   */
       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  *****/

.xoxo {
        padding:0; margin:0; /* width:150px; */ overflow:hidden;
}
.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; /*font-size:19px;*/}
.xoxo ul {margin:0; padding:0;}
.xoxo ul li {padding:3px; width:150px;}

/*** 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の中で左側に表示させる  *****/

div#secondary.sidebar {

	overflow: hidden;
        margin:0;
        padding:0; /*   追加   */
 	/*background-color:#ff6699;     追加   */
        /*display:none;*/
}


/*  F  O  O  T  E  R  これは使わない。後述スタイルで設定

div#footer {clear:both; padding-top:60px; text-align:center; color:#575757; font-size:11px;}
div#footer a {color:#575757;}
div#footer a:hover {color:#232323;}

*/


/*  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;}


/*************************************** global.cssの内容を全部追加。重複スタイル上書き ******************************************/
body {
	margin:0;
	padding:0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Univers,Verdana,Arial, sans-serif;
	background-color:#143497;
	background-image:url(/img/soyukai/bg.jpg);
	background-repeat:repeat-x;
	line-height:18px;
}

*body {
	
}
			 
			 
h1,h2,h3,h4,h5 {
	margin:0;
}
		 
hr {
	margin:0;
	padding:0;
	display:none;
}

p { 
	margin:0;
	padding:0;
}

dl,dt,dd,ul,ol,li,td {
	margin:0;
	padding:0;
}

table {
	border-spacing:0px;
	margin:0;
	padding:0;
}

tr {
	margin:0;
	padding:0;
}

td {
	margin:0;
	padding:0;
	text-align:left;
}
		
th {
	margin:0;
	padding:0;
	text-align:left;
}

li {
	margin:0;
	padding:0;
	list-style:none;
}
		 
img {
	border:0;
}

form {
	margin:0;
	padding:0;
	display:block;
}
			 
input,select,option {
	margin:0;
	padding:0;
	vertical-align: middle;
}
	
		
.clear { 
	clear: both; 
}

a:link {
	color:#333;
	text-decoration:underline;
}
				 
a:visited {
	color:#333;
	text-decoration:underline;
}
						
a:hover {
	color:#000;
	text-decoration:underline;
}

a:active {
	color:#333;
	text-decoration:underline;
}



/* contents ----- */

#container{
	width:100%;
	height:100%;
}

#main{
	width:900px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	background:url(/img/soyukai/bg_main.jpg) repeat-y;
}

#visual{
	width:900px;
	height:400px;
	padding:0px;
	margin:0px;
}

#left-column{
	width:231px;
	amegin:0;padding:0;
	float:left;
}


#left-column h2{
	background-image:url(/img/soyukai/bar.jpg);
	width:215px;
	height:30px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	padding-left:15px;
	margin-bottom:20px;
}


#left-column ul{
	margin:0 0 30px 0;
}



#left-column li{
	font-size:12px;
    margin:0 0 4px 0;
}

#left-column ul ul{
	margin:0 0 20px 15px;
}


#left-column ul ul li{
	font-size:12px;
	background:url(/img/soyukai/arrow.gif) no-repeat 0 6px; 
    margin:0 0 4px 0;
	padding:0 0 0 14px;
}


#right-column{
	float:right;
	background-image:url(/img/soyukai/bar.jpg);
	background-repeat:repeat-x;
	width:629px;
	padding-top:60px;
	padding-left:20px;
	padding-right:20px;

}

#right-column h2{
	font-size:28px;
	font-weight:bold;
	background:url(/img/soyukai/h2.gif) repeat-x bottom;
	line-height:28px;
	margin-bottom:20px;
	padding-bottom:5px;
}

#right-column a:link {
	color:#333;
	text-decoration:none;
}
				 
#right-column a:visited {
	color:#333;
	text-decoration:none;
}
						
#right-column a:hover {
	color:#000;
	text-decoration:underline;
}

#right-column a:active {
	color:#333;
	text-decoration:underline;
}


*body #right-column h2{
	line-height:18px;
	padding-top:10px;
	padding-bottom:10px;
}

#right-column .sub{
	font-size:10px;
	font-weight:bold;
}


#right-column h3{
	clear: both;
	margin-bottom:20px;
}

#right-column .column{
	width:629px;
	font-size:12px;
	word-break:break-all;

}

#right-column .profile{
	float:right;
	width:280px;
	background:#222222;
	color:#ffffff;
	padding:10px;
	margin-bottom:40px;
}

#right-column .profile h4{
	font-size:16px;
}

#right-column .profile td{
	padding:10px;
}

#right-column .profile th{
	font-weight:bold;
	padding:10px;
}


#right-column .profile a:link {
	color:#ffffff;
	text-decoration:underline;
}
				 
#right-column .profile a:visited {
	color:#ffffff;
	text-decoration:underline;
}
						
#right-column .profile a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#right-column .profile a:active {
	color:#ffffff;
	text-decoration:underline;
}



#right-column .column p{
	margin-bottom:20px;
}


#right-column .hr{
	clear: both;
	width:625px;
	height:1px;
	background:url(/img/soyukai/hr.gif) repeat-x bottom;
	margin:20px 0 40px 0;
}


#right-column .ban{
	width:614px;
	background:#222222;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:40px;
}

#right-column .ban p{
	color:#ffffff;
	font-size:12px;
	margin-top:7px;
	margin-bottom:7px;
	margin-left:7px;
	margin-right:14px;
}

#right-column .ban strong{
	font-size:14px;
	font-weight:bold;
}

#right-column .footnav{
	width:629px;
	height:40px;
	background:url(/img/soyukai/bar.jpg) repeat-x bottom;
	margin-bottom:40px;
	color:#FFFFFF;
	font-size:12px;
}

#right-column .footnav td{
	text-align:center;
}

#right-column .footnav a:link {
	color:#ffffff;
	text-decoration:underline;
}
				 
#right-column .footnav a:visited {
	color:#ffffff;
	text-decoration:underline;
}
						
#right-column .footnav a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#right-column .footnav a:active {
	color:#ffffff;
	text-decoration:underline;
}




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

h3.widgettitle{	background-image:url(/img/soyukai/bar.jpg);
	width:215px;
	height:30px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	padding-left:15px;
	margin-bottom:20px;
}


/**************     single.php内の囲み     **************/

div.blockF {
    /*width:395px;    581px   */
	background:url(/img/shared/dot1.gif) repeat-x bottom;
	margin: 0px;  /*   margin: 0 0 20px;  */
	padding: 0 0 8px;
}

/***  5大栄養素table  ***/
.eiyou_title{padding:5px 5px 15px 5px;font-weight:bold; background-color:#b5ea64;}
.eiyou{padding:5px 5px 15px 5px;background-color:#ffffff;}
.eiyou div{margin-bottom:5px;padding-bottom:5px; border-bottom:1px dashed #dbdbdb;}

#header div.h_nav { /*G3追記 090603 */
	width: 442px;
	left: 267px;
}


.widget,widget title{margin:0;padding:0;}

@media print{body{zoom:70%;}}

@media print{*:first-child+html body{zoom:100%;}