@charset "utf-8";
/* CSS Document */

/* base */
* {margin: 0; padding: 0;}
body, td, th {font: 12px/1.8em "Osaka", Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; color: #333333;}
body {background: #FFF; text-align: center;background: url(/common/img/bg_body.gif) 0 0 repeat-x;}

h1,h2,h3,h4,h5 {font-size: 100%;}
ul, li {list-style-type: none;}
p {border: 0;}

img {vertical-align: bottom; border:0;}

table{border-collapse:collapse; vertical-align:top; border: 0; border-spacing:0;}

input {vertical-align: middle;}
input[type='text'] {border: solid 1px #E6EAF5;}
input[type='image'] {border: none;}

select {border: solid 1px #E6EAF5;}


/* general layout */
div#container {width: 1000px; margin: 0 auto; padding: 0 0; text-align: left;}
#container:after {/* firefox背景色表示用 */ content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
#main {width:1000px; margin:0 auto; text-align: left;}
#contents{float:left;width:680px;padding:0;margin:0;}
#navi{margin:0 0 15px;}

/* header*/
#header {width:1000px; margin:0 auto;height:125px;position: relative;}
#header .logo_new{float:left; padding:51px 0 0 0;margin:0 !important;}
#header .bnr_book{float:right;padding:0 !important; margin:0 !important;}
#header .social{position: absolute;top:110px;right:0;}
#header .social01{float:left;width:110px;}
#header .social02{float:left;width:105px;}
#header .social03{float:left;width:100px;}
#header .social04{float:left;width:70px;}

.blog_name{font-size:10px;position: relative;top:3px;left:0;font-weight:bold;}
.blog_name a:link, 
.blog_name a:visited {color: #565656; text-decoration: none !important;;}
.blog_name a:active, 
.blog_name a:hover {color: #EB7D7C; text-decoration: none !important;}

/*pagenavi*/
.pagenavi{padding:5px 0; clear:both;margin:15px 0 20px;}
.pagenavi .prev{width:215px;float:left;padding:0 0 0 10px;}
.pagenavi .index{width:225px;float:left;text-align:center;margin:0;}
.pagenavi .next{width:215px;float:right;text-align:right;padding:0 10px 0 0;}

.pagenavi_b{padding:5px 0; clear:both;margin:20px 0 0;}
.pagenavi_b .prev{width:215px;float:left;padding:0 0 0 10px;}
.pagenavi_b .index{width:225px;float:left;text-align:center;margin:0;}
.pagenavi_b .next{width:215px;float:right;text-align:right;padding:0 10px 0 0;}

/* ft*/
#ft{width:1000px; margin:0 auto; text-align:right;}

/* ad*/
.wb{text-align:center;}

/* menu*/
#menu{margin:30px 0;width:1000px;font-size:0; line-height:1em; text-align:left !important;}
#menu li{float:left; padding-right:17px;position: relative;}
#menu li span{position: absolute; left:-30px; top:-40px;color:#fff;background: url(/img/balloon.gif) center bottom no-repeat;font-size:10px;width:200px;text-align:center;padding:5px 5px 9px 5px;display:none;line-height:1.5em;}
#menu li.menu_right{padding-right:0;}

/* footer*/
.footer_sitemap{text-align:right;margin:0 0 15px;}

.footer_link{width:100%;background: #000;color:#fff; margin:80px 0 0;color: #565656;text-align:left;}
.footer_link .footer_link_inner{width:1000px;margin:0 auto; padding:20px 0;}
.footer_link .footer_link_inner .box_one{font-size:10px !important;width:180px;float:left;margin:0 20px 0 0;}
.footer_link .footer_link_inner .box_one h4{font-weight:bold;margin-bottom:5px; color:#CCCCCC;}
.footer_link .footer_link_inner .box_one ul{padding:0; margin:0;}
.footer_link .footer_link_inner .box_one li{font-size:10px;background: url(/common/img/arrow_footer.gif) 0 0.7em no-repeat;padding-left:12px;margin-left:5px;}

.footer_link .footer_link_inner .box_one_l{font-size:10px !important;width:380px;float:left;margin:0 20px 0 0;}
.footer_link .footer_link_inner .box_one_l h4{font-weight:bold;margin-bottom:5px; color:#CCCCCC;}
.footer_link .footer_link_inner .box_one_l .recommend{padding:0; margin:0 0 10px;}
.footer_link .footer_link_inner .box_one_l .recommend li{font-size:10px;background: none;padding:0;margin:0 10px 0 0;float:left;width:120px;overflow: hidden;text-align:center;}
.footer_link .footer_link_inner .box_one_l .recommend li p{font-size:10px; color:#CCCCCC;line-height:1.2em;margin:5px 0 0;}


.footer_link .footer_link_inner .box_one .about{font-size:10px; color:#CCCCCC;}
.footer_link .footer_link_inner .box_one .about a:link, 
.footer_link .footer_link_inner .box_one .about a:visited {color: #CCCCCC !important;}
.footer_link .footer_link_inner .box_one .about a:active, 
.footer_link .footer_link_inner .box_one .about a:hover {text-decoration:underline;}
.footer_link .footer_link_inner a:link,
.footer_link .footer_link_inner a:visited {color: #565656; text-decoration:none;}
.footer_link .footer_link_inner a:active,
.footer_link .footer_link_inner a:hover {color: #fff; text-decoration:none;}

.footer_out{/**/border-top:1px solid #CCCCCC;position: fixed;z-index: 99;left: 0;bottom: 0;width:100%;background: #fff;font-size:10px;}
.footer_out .footer_inner{width:1000px;margin:0 auto;}
.footer_out .footer_inner .copyright{float:left;width:600px;padding:10px;border-left:1px solid #CCCCCC;text-align:left;}
.footer_out .footer_inner .topto{float:right;width:95px;}
.footer_out .footer_inner .topto .pagetop{padding:10px 15px !important;margin:0 !important;border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;}
.footer_out .footer_inner a:link,
.footer_out .footer_inner a:visited {color: #000; text-decoration:none;}
.footer_out .footer_inner a:active,
.footer_out .footer_inner a:hover {color: #EC3C50; text-decoration:none;}

.web_ring{width:1000px;margin:0 auto 25px;text-align:right; padding:15px 0 10px;}
.web_ring .bnr_ring{}


/* sidebar*/
#sidebar{float:right;width:300px;margin:0;padding:0;}
#sidebar .bnr_side{text-align:center;margin:0 0 10px;padding:0;}
#side_ad_box{width:300px;height:240px;overflow:hidden;position: relative;margin:0 0 10px;}
#side_ad_box #side_ad{width:900px;position: absolute; left: 0;top:0;}
#side_ad_box #side_ad li{float:left;width:300px;position: absolute;}
#side_ad_box #side_ad li.ad01{left:0;}
#side_ad_box #side_ad li.ad02{left:300px;}
#side_ad_box #side_ad li.ad03{left:600px;}
#side_ad_box #side_ad li.ad04{left:900px;}
#side_ad_box #side_ad li.ad05{left:1200px;}
#side_ad_box #side_ad li.ad06{left:1500px;}
#sidebar .microad{width:300px;margin:0 auto 20px;}


/* twitter */
.twtr-doc{margin:0 auto;}
.twtr-timeline{background: url(http://www.mysoulmyheart.com/img/bg_tweet.gif) no-repeat 0 0 !important;}
.twtr-hd h3{border:none;}

/* anchor */
a:link, a:visited {color: #EC3C50; text-decoration:none;}
a:active, a:hover {color: #000; text-decoration:none;}

/* etc */
.clear {clear: both;  display: none; font-size: 0px; line-height: 0%; height: 0px}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */