/*
THEME NAME: Pop_Runnner
THEME URI: http://runningschoolq.jp
AUTHOR: Deatre,Inc
AUTHOR URI: http://www.deatre.com
DESCRIPTION:ランニングスクールQオリジナルデザイン3
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: #333333; text-decoration:none;}
a:visited {text-decoration:none; color:#333333;}
a:hover {color: #333333; text-decoration:none;}
a:active { color:#333333;}

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

body {
       margin:0;
       padding:0;
       color:#333333;
       background-color:#fdff00;
      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:800px;
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
    background-color: #ffffff ;
}

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

div#container {
	margin: 0px;
    padding:0;
 	width:800px;
    background-color:#ffffff; 
}

/*H E A D E R*/
div#header {
   position:relative;
   width:800px;
   height:198px;
   background: url(images/main.jpg) repeat-x;
   text-align:left;
   margin:0;
   padding: 0;
		}

div#top_link{
   margin:0;padding:5px;
   width:790px;
   height:15px;
   background-color:#fff;
   text-align:right;
}

.back a{float:right;margin-left:15px;font-size:11px;font-weight:bold;}


#header h1 {
       position:absolute;
       width:500px;
       height:100px;
       top:70px;
       left:40px;
       margin:0;
       padding:0;
       color:#333333;
		}

#blog-title {
       position:absolute;
       width:500px;
       height:30px;
       top:70px;
       left:40px;
       margin:0;
       padding:0;
       font-size:25px;
       color:#333333;
       font-weight:bold;
}

#blog-description {
       position:absolute;
       width:400px;
       height:20px;
       top:100px;
       left:40px;
       margin:0;
       padding:0;
       font-size:12px;
       color:#333333;
}


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

/*  M   E   N   U   */

div#menu{
        display:none;
        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:#333333;}
div#menu ul a:hover{color:#333333;} 
div#menu ul li.current_page_item a{color:#333333;}
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 #333333; padding:0px 0 5px 0; font-size:12px; color:#333333;}


/*  S  I  D  E  B  A  R   */


/* ●●● contentの左側にfloat ●●●  */
div.sidebar {
       float: left;
       text-align:left;
       margin:0;
       padding: 0; 
}

div#primary.sidebar{
       text-align:left;
       margin:0;
       padding: 12px 0 0 0;  
}

/*****  Sidebar List  *****/

.xoxo {padding:0; margin:0 0 0 10px; overflow:hidden;}
.xoxo li {margin:0;padding:0; font-size:12px; color:#333333; list-style-type:none;}
.xoxo a, .xoxo a:visited {font-size:12px;}


/***  ●●● h3 class="widgettitle ●●●  ***/
.xoxo h3 {
width:183px;
height:20px;
margin:10px 0 5px 0;
padding:0 0 0 20px; 
background:url(images/blt_left_header.jpg) no-repeat 0 0;
font-size:14px;
color:#333333;
}

.xoxo ul {
margin:0 0 10px 5px;
padding:3px; width:184px;
background:url(images/hr_left.gif) repeat-x bottom;
}
.xoxo ul li {
margin:3px 0;padding:0;
}

/***** ●●●タグを改行させる●●●  *****/

#tag_cloud a{display:block;}


/* ● 検索フォーム ● */

#searchform{margin-bottom:10px;}


/******   secondarysidebar  をcontentの中で左側に表示させる  *****/

div#secondary.sidebar {
	overflow: hidden;
    margin:0;
    display:none;
}

/* ●●● C  O  N  T  E  N  T  ●●● */

div#content {
        float: right; 
	    margin: 0;    
        padding:12px 5px 0 5px;   
        width:575px;
}

/*  ●● h2タイトル ●●  */

div#content div.post .entry-title, div#content div.page .entry-title{
font-size:1.3em;
font-weight:bold;
color:#333333;
margin:0 0 10px 0;
padding:20px 0 0 80px;
} 

div#content div.post .entry-title a, div#content div.page .entry-title a{color:#333333;} 

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

div#content div.post .entry-title a:hover, div#content div.page .entry-title a:hover{color:#333333;}

div#content div.post .entry-title a:hover, div#content div.page .entry-title a:hover{color:#333333;}


/*●●  投稿記事タイトル   ●●*/

.entry-title{
    clear:both;
    background: url(images/bg_right_header.jpg) no-repeat 0 0;
    width:475px;
    height:85px;
    margin:0 0 10px 0;
    padding:20px 0 0 80px;
    color:#333333;
    font-weight:bold;
   }

/*●●●   投稿記事コラム角    ●●●*/

.lv1{
width:550px;
background-image:url(images/corner1.gif);
background-repeat:no-repeat;
background-position:0 0;
background-color:#e6e6e6;
margin-bottom:10px;
}

.lv2{
background-image:url(images/corner2.gif);
background-repeat:no-repeat;
background-position:100% 0;
}

.lv3{
background-image:url(images/corner3.gif);
background-repeat:no-repeat;
background-position:0 100%;
}

.lv4{
padding:20px;
background-image:url(images/corner4.gif);
background-repeat:no-repeat;
background-position:100% 100%;
}


/*Content Post Styling*/
.entry-content{overflow:hidden;}
.entry-content p{color:#333333; 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;padding-bottom:0px; border:none;}

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


/*  M  E  T  A  */


.entry-meta {font-size:10px; color:#333333; padding: 10px 0; margin-bottom:20px; clear:both;}
.entry-meta a, .entry-meta a:visited {color:#333333;}  
.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:#333333; font-weight:bold;}  
div#comments a:hover {text-decoration:underline;}
div#comments-list h3{font-size:14px; font-weight:bold; color:#333333;}
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:#333333; font-weight:normal;font-size:0.8em; border-top:1px solid #333333;}
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:#333333;}
div#respond .formcontainer{font-size:12px; line-height:1.2em; height:400px;}
div#respond form#commentform textarea{border:3px solid #333333; padding:5px; height:80px; width:424px; background:none; color:#333333;}
div#respond form#commentform input{border:3px solid #333333; padding:5px; height:16px; width:424px; background:none; color:#333333;}
div#respond form#commentform input#submit{border:0; margin-top:10px; width:150px; padding:5px; border: 2px solid #333333; 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:#333333;}
form#commentform div.form-label{color:#333333; 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%;}


/*  F  O  O  T  E  R  */

div#footer {clear:both; padding-top:10px; text-align:center; color:#333333; font-size:11px;}
div#footer a {color:#333333;text-decoration:underline;}
div#footer a:hover {color:#333333;}

/******* ●●●  footer global.cssからコピー  ●●●  *******/

#footer {
    clear:both;
    width: 760px;
    background:url(images/dot1.gif) repeat-x top;
    text-align:left;
    margin:0 15px;
    padding:10px 0;
    background-color:#ffffff;
		}
		
#footer p.f_nav {
    float: left;
    display: block;
    text-align:left;
    margin:0;
    padding:0;
		}
		
#footer p.copyr {
    float: right;
    display: block;
    text-align:left;
    margin:0;
    padding:0;
		}




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

#nav-above {display:none;}
#nav-below {
width:530px;
height:20px;
padding:7px 10px 0 10px;
font-size:11px; margin-bottom:30px;
}
#nav-below a, #nav-below a:visited {color:#333333; 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;}



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

.pagetitle{color:#333333;}



/* clearfix ---------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display:inline-block;
}
/*\*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}
/**/
#wp-calendar a{
	font-weight:bold;
}



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

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