/*
Theme Name: Samlpe Theme
Description: This is my sample theme.
*/

body {margin:0; padding:0;}

/*---------------------------------------
wrap 
---------------------------------------*/
#wrap {text-align:left;}

#page_anchor {clear:both; width:890px; text-align:right; }
#page_anchor div {margin:0px 30px 30px 0px; }

/*---------------------------------------
contents
---------------------------------------*/
#contents {padding-left:349px;}
#contents h2 { padding:32px 0 0 30px; font-size:10px; font-weight:normal; letter-spacing:1px; line-height:190%;}
#contents p.p_navi {padding:5px 0 0 30px; font-size:10px;}
/* year */
#contents .year {background:#fff url(http://mail.bestunning.jp/images/dotted.gif) repeat-x bottom; }
#contents .year ul {margin:30px 0 0 30px; background:transparent url(http://mail.bestunning.jp/images/b_year_bg.gif) no-repeat; height:28px;}
#contents .year li {float:left; margin-right:9px; padding-bottom:1px!important; width:119px; height:28px; overflow:hidden;display:block;}
#contents .year li img {vertical-align:bottom;}
#contents .year li span {display:none;}
#contents .year li.n_01 a:hover,
#contents .year li.n_02 a:hover,
#contents .year li.n_03 a:hover,
#contents .year li.n_04 a:hover,
#contents .year li.n_05 a:hover {display:block; padding-top:300px;}
/* mail title */
#contents .mail_title {padding:0 0 15px 0; }
#contents .mail_title li {margin-bottom:5px;}
#contents .mail_title li span {font-weight:bold; margin-right:10px;}
#contents .mail_title li span.red {font-weight:normal!important; color:#FF3366;}

/*---------------------------------------
mail_main
---------------------------------------*/
#pagelink_top {background:#fff url(http://mail.bestunning.jp/images/dotted.gif) repeat-x bottom; }
#pagelink_top ul {margin:30px 0 0 0; padding-left:30px; font-size:80%; letter-spacing:1px;}
#pagelink_top li {color:#fff; background-color:#000!important; margin:0 2px 1px 2px; padding:0 5px; float:left;}
#pagelink_top li.right {margin:0 0 1px 0!important;}
#pagelink_top a,
#pagelink_bottom a {color:#fff!important;}
#pagelink_top a:hover,
#pagelink_bottom a:hover {color:#FF3366!important; text-decoration:none;}

#pagelink_bottom {background:#fff url(http://mail.bestunning.jp/images/dotted.gif) repeat-x top;}
#pagelink_bottom ul {margin:30px 0 0 0; padding-left:30px; font-size:80%; letter-spacing:1px;}
#pagelink_bottom li {color:#fff; background-color:#000!important; float:left; margin:1px 2px 0 2px; padding:0 5px;}
#pagelink_bottom li.right {margin:0 0 1px 0!important;}

#mail_main h2 {background:#fff url(http://mail.bestunning.jp/images/dotted.gif) repeat-x bottom; float:left; padding:25px 0 25px 30px; font-size:14px; margin-bottom:30px;}
#mail_main h2 span {vertical-align:top;}

#mail_main p {padding:0 0 0 30px;}

/*---------------------------------------
side 
---------------------------------------*/
#side { width:295px; display:blok; height:100%; background:transparent url(http://mail.bestunning.jp/images/mailmagazine_background.gif) no-repeat top left; position: fixed;  z-index: 20; float:left; padding:25px 25px 0 30px;
_position : absolute ; /* WIN IE用 */}
#side h1 {margin-bottom:10px;}
#side h2 {margin-bottom:23px;}	

#side ul.concept {margin-bottom:5px;}

#side ul.member {background-color:#fff; margin-bottom:5px; width:289px;
padding-bottom:7px;}
#side li.m_txt {padding:5px 12px 0 12px; margin-bottom:5px; width:265px;}
#side li.m_list {padding:3px 12px 0 12px; margin-bottom:5px; font-size:11px;}
#side li.m_yahoo {padding:3px 12px 10px 12px;}

#side p {padding-bottom:20px;}
/*---------------------------------------
pagetop 
---------------------------------------*/
#pagetop {background:transparent url(http://mail.bestunning.jp/images/dotted.gif) repeat-x bottom; margin-top:20px;}
#pagetop p {width:522px; text-align:right; padding-bottom:2px;}

/*---------------------------------------
PR 
---------------------------------------*/
#pr { margin:20px 20px 20px 30px;}


/*---------------------------------------
default css
---------------------------------------*/

h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,address,th,td,input,textarea,select { margin:0px; padding:0px; font-size:80%; line-height:140%; }
dl,table,form { margin:0px; padding:0px; }
ul,ol,li { list-style:none; margin:0px; padding:0px; }
img { border:none; }

a {outline:none;}
a:link { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#ff3661; text-decoration:underline; }


/*---------------------------------------
module css
---------------------------------------*/
.clear { height:1px; font-size:0px; line-height:1px; clear:both; }
.left { float:left; }


.txt_small { font-size:70%; }
.txt_large { font-size:90%; }
.txt_bold { font-weight:bold; }

.txt_left { text-align:left; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }

.txt_red { color:#cc0000; }
.txt_black { color:#000; }
.txt_white { color:#fff; }
.txt_blue { color:#59b6ec; }



/* wp */
.post { }
.post .title {margin:15px 0; width:600px;}
.post .title h3 {margin-bottom:3px;}
p.postinfo {float:left; margin-left:10px;}
.m_title p.postinfo {margin-left:10px; padding-top:0.25em;}
.title h3 {float:left; font-size:13px; font-weight:normal!important; padding-left:32px;}
.m_title h3 {float:left; font-size:15px; font-weight:normal!important;}
.m_title h3 span {vertical-align:top;}
.m_title {background:#fff url(http://mail.bestunning.jp/images/dotted.gif) repeat-x bottom; padding:25px 0 25px 30px; margin-bottom:30px; font-size:14px;}
.post_single {margin-top:60px;}

.post span.txt p {padding-left:32px;}