@charset "utf-8";
/*
Theme Name: html5_yumepolo
Version: 0.0.1
Theme URI: http://127.0.0.1:8080/wordpress/
Author: ゆめぽろ
Author URI: http://127.0.0.1:8080/wordpress/
Description: ゆめぽろ作成のHTML5に対応のテーマです。
*/

* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
html,body,div,span,object,iframe,h1,h2,h3,p,blockquote,a,em,img,q,strong,dl,dt,dd,ol,ul,li,form,table,tr,th,td{ margin:0; padding:0; border-style:none; vertical-align:baseline; background:transparent }

html{ height:100%; margin-bottom:1px; font-size:62.5% }
body{ width:100%; max-width:990px; background:#f7f7f7; font-family:Verdana,Arial,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック", "MS PGothic",sans,sans-serif; margin-left:auto; margin-right:auto; font-size:14px; font-size:1.4rem; font-style:normal; line-height:1; -webkit-text-size-adjust:100%}
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }
h1{ margin:20px 0 10px; font-weight:bold; font-size:26px; font-size:2.6rem line-height:1.5 }
h2{ margin:20px 0 40px; font-weight:normal; font-size:18px; font-size:1.8rem; line-height:1.5 }
h3{ display:inline; font-weight:normal; font-size:14px; font-size:1.4rem line-height:1.5 }
a:link{ color:#0000ff; text-decoration:none }
a:visited{ color:#9900cc; text-decoration:none }
a:hover{ color:#ff0000; text-decoration:underline }
a.anchor{ padding-top:34px; margin-top:-34px } /*anchor # のずれを解消。効果なければ削除*/
ul{ list-style:none }
table { border-collapse:collapse; border-spacing:0 }
.redbold{ color:#ff3300; font-weight:bold }
.icon{ width:14px; height:14px; margin-right:2px; vertical-align:text-bottom }
.clear{ clear:both }

#top{ width:100% }
#iheader{ width:668px; margin:3 auto; }
header{}
#header_bar_wrap { float:left; width:100%; height:34px; position:fixed; top:0; left:0; background:#ffffcc;
	/*ヘッダーバーに影を指定*/
	box-shadow:0 1px 10px #333333;
	-moz-box-shadow:0 1px 10px #333333; /*Firefox向け*/
	-webkit-box-shadow:0 1px 10px #333333; /*Safari、Chrome向け*/
	/*ヘッダーバーの半透明化*/
	opacity:0.98;
	filter:alpha(opacity=98); /*IE向6、IE7け*/
	-ms-filter:"alpha(opacity=98)"; /*IE8向け*/
	z-index: 9999; /*ヘッダーバー部分の重なり順*/ }

#header_bar{ width:980px; height:34px; margin:0 auto; }
#header_bar img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1) }
#title_logo{ float:left; margin:0 10px 0 0; width:178px; height:33px }
#search{ float:left; margin-top:4px }
#cse-search-box input[type="text"] { font-size:14px; font-size:1.4rem; height:28px; padding:0 !important; background: #f9f9f9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 0 5px #dddddd; -moz-box-shadow: 0 0 5px #dddddd; -webkit-box-shadow: 0 0 5px #dddddd }
#cse-search-box input[type="submit"]{ margin: 0 10px 0 0 !important; padding:0 !important; width:40px; height:30px }
#pb_page{ float:left; margin-top:10px; line-height:1.3; width:150px }
#icon_list li{ float:left; display:inline; height:32px; margin:3px 6px 0 4px }
#sitemap_link{ float:left; margin:5px 0 0 10px; width:80px }
#move_top{ float:right; margin-top:2px; width:64px; height:32px }
#header_lower{ float:left; margin-top:45px; height:28px }
#sns_plugin{ float:left; width:500px }
div#___plusone_0 { width:64px !important }
iframe.twitter-share-button { width:120px !important }
#ads_header { float:right; margin-top:3px; width:460px }

#container{ float:left; margin:2px 0 0 2px; width:668px }
#the_date{ text-align:right; margin-right:20px }
.photos img{ margin:20px 10px; width:640px; height:360px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px }
.content_wrap{ float:left; width:668px; margin:6px 0 10px 0; border:solid 1px #ffcc00; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px }
.content_title{ padding:3px 0 2px 4px; background:#ffff88; border-bottom:solid 1px #ffcc00; border-radius:10px 10px 0 0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px }
#ads_container{ margin-top:30px; text-align:center }

#sidebar_wrap{ float:right; margin-left:10px; width:300px }
#yumemap{ overflow:hidden; margin-top:6px }
.side_wrap{ width:300px; margin-top:5px; border:solid 1px #66cc33;
	border-radius:10px; /* CSS3 */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-moz-border-radius:10px; /* Firefox */ }
.side_title{ padding:3px 0px 2px 6px; background:#ccff66; border-bottom:solid 1px #66cc33; border-radius:10px 10px 0 0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px }

#plugin_twf{ width:300px; margin-bottom:8px; padding:5px 0 2px 5px; border:solid 1px #66cc33; background:#ccff66 }
#plugin_fbp{}
#links{ margin:2px 0px 2px 8px; line-height:1.6 }
#links img{ width:14px; height:14px; vertical-align:text-bottom }
#links ul{ margin-left:4px; line-height:1.4 }
#links ul img{ width:10px; height:10px; vertical-align:-1px }
#link_site{ width:306px; margin:8px 0px 0px 3px; border:solid 1px #66cc33; padding:8px 0px }
#link_site strong{ color:#ff3300 }
#ads_sidebar{ width:300px; height:1220px; margin:10px 0 }
#ads_sidebar_l{ float:left; width:162px }
#ads_sidebar_r{ float:right;margin-right: }

footer{ clear:both; width:100%; margin:10px 0; text-align:center }
#plugin_sns_footer{ float:left; margin:10px 0 20px 0 }
#fb_footer{ float:left }
#link_top{ clear:both; margin:6px 0px; text-align:right; border-bottom:solid 1px #800000 }
#copyright{ clear:both; color:#000 }
#copyright a{ color:#ff3300 }
#ads_footer{ margin:10px 0px; line-height:1.5 }

/*for info*/
.navi,.navi3{ width:668px; margin-bottom:30px; border:solid 1px #800000; background:#ffffcc; line-height:1.5; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px }
.navi ul,.navi3 ul{ width:660px; margin:3px }
.navi li{ float:left; width:330px }
.navi3 li{ float:left; width:220px }
.ads_info{ margin:30px 0px; text-align:center }
.flag{ width:27px; height:17px; vertical-align:-4px }
.info_wrap{ float:left; width:668px; margin:20px 0px; border:solid 1px #800000; line-height:1.5; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px }
.info_l{ float:left; width:530px }
.info_r{ float:right; width:134px; text-align:center }
.info_r img{ width:128px; margin:3px 0px; height:96px; border:solid 1px #800000 }
.info_title{ padding:2px 0px 2px 20px; font-weight:bold; background:#ccff66; border-bottom:solid 1px #66cc33; border-radius:20px 20px 0 0; -webkit-border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px }
.info{ padding:3px 5px 2px 5px }
.info p{ margin:3px 0px; border-bottom:solid 1px #66cc33 }