@charset "UTF-8";

/*基本設定--------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

body {
	background: url(/blog/img/common/body_bg.gif);
	color: #333333;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	*font-size: small;
    *font: x-small;
}

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

strong {
	font-weight: bold;
}

a:link, a:visited {
	color: #0093ed;
	text-decoration: underline;
}

a:hover, a:active {
	color: #0093ed;
	text-decoration: none;
}

/*wrapper--------------------*/

#wrapper {
	width: 100%;
	margin: 0 auto;
	background: #1463a1 url(/blog/img/common/wrapper_bg.jpg) center top repeat-x;
}

/*container--------------------*/

#container {
	min-width: 960px;
	margin: 0 auto;
	background: url(/blog/img/common/container_bg.jpg) center top no-repeat;
}

/*header--------------------*/

#header {
	position: relative;
	width: 960px;
	height: 256px;
	margin: 0 auto;
}

#header #logo {
	position: absolute;
	top: 6px;
	left: 0;
}

#header #btn_website {
	position: absolute;
	top: 27px;
	left: 263px;
}

#header #logo_blog {
	position: absolute;
	top: 70px;
	left: 0;
}

#header #social_block {
	position: absolute;
	top: 10px;
	right: -50px;
	width: 250px;
	text-align:center;
}


/*contents--------------------*/

#contents {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 170px;
	background: url(/blog/img/common/contents_bg.jpg) center bottom no-repeat;

}

#main_contents_block {
	float: left;
	width: 690px;
	background: url(/blog/img/common/leftcontent_bg.gif) left top repeat-y;
}

#side_menu {
	float: right;
	width: 240px;
}

#main_contents_box {
	background: url(/blog/img/common/leftcontent_bg_ft.gif) left bottom no-repeat;
}

#main_contents_inner {
	padding: 60px 0 45px 0;
	background: url(/blog/img/common/leftcontent_bg_hd.jpg) left top no-repeat;
}

/*footer--------------------*/

#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

#footer_block {
	width: 960px;
	margin: 0 auto;
	height: 28px;
	padding-top: 20px;
	text-align: center;
}

/*report_block--------------------*/

.report_block {
	width: 650px;
	margin: 0 auto 35px auto;
	padding: 0 0 20px 0;
	background: url(/blog/img/common/dotline_blue.gif) left bottom repeat-x;
	clear: both;
}

.iconarea {
	width: 100px;
	float: left;
}

.pharea {
	width: 230px;
	margin-right: 20px;
	float: left;
}

.pharea img {
	padding: 5px;
	background: url(/blog/img/common/img_bg.gif);
}

.textarea {
	overflow: hidden;
	padding-right: 20px;
	zoom: 1;
}

.textarea .date {
	font-size: 93%;
}

.textarea h2 {
	margin-bottom: 15px;
	font-size: 138.5%;
	font-weight: bold;
}

.textarea .btn_continuation {
	margin: 40px 0 0;
	clear: both;
	float: right;
	background: #0093ed;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.textarea .btn_continuation a {
	display: block;
	padding: 6px 15px 5px 20px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.textarea .btn_continuation a:hover {
	background: #54badb;
	color: #fff;
}

/*sidemenu_block--------------------*/

.sidemenu_block {
	margin-bottom: 15px;
	background: url(/blog/img/common/sidemenu_bg.gif) left top repeat-y;
	clear: both;
}

.sidemenu_box {
	padding-bottom: 15px;
	background: url(/blog/img/common/sidemenu_bg_ft.gif) left bottom no-repeat;
}

.sidemenu_box h2 {
	margin-bottom: 5px;
	height: 53px;
	text-indent: -9999px;
}
.category h2 {
	background: url(/blog/img/common/side_ttl_category.gif) left top no-repeat;
}
.popular h2 {
	background: url(/blog/img/common/side_ttl_popular.gif) left top no-repeat;
}
.archive h2 {
	background: url(/blog/img/common/side_ttl_archive.gif) left top no-repeat;
}

.sidemenu_box ul {
	list-style: none;
	margin: 0 10px;
}

.sidemenu_box li {
	list-style: none;
	margin: 0 0 5px 0;
	background: url(/blog/img/common/icon_star.gif) 0 5px no-repeat;
	border-bottom: #b2b2b2 dashed 1px;
}

.sidemenu_box li a {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #333;
	text-decoration: none;
}

.sidemenu_box li a:hover {
	color: #0093ed;
	text-decoration: none;
}

.category {
	font-weight: bold;
}

/*banner_block--------------------*/

.banner_block {
	padding-bottom: 10px;
	clear: both;
}

.banner_block li {
	list-style: none;
	margin-bottom: 10px;
}

/*title_block--------------------*/

.title_block {
	width: 646px;
	margin: 0 auto 15px auto;
	padding: 0 2px 15px 2px;
	border-bottom: #39b9e8 dashed 1px;
	clear: both;
}

.title_block h2 {
	font-size: 167%;
	font-weight: bold;
}

/*詳細ページ--------------------*/

.detail .social_block {
	clear: both;
}

.detail .textarea {
	width: 646px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2px;
	padding-right: 2px;
}

.detail .textarea p {
	margin-bottom: 20px;
}

.detail .pharea {
	width: 100%;
	padding: 20px 0 50px 0;
	text-align: center;
	clear: both;
}

.detail .pharea img {
	margin: 10px 0;
	padding: 0;
	background: none;
}

/*paging*/

.detail .paging_block {
	width: 640px;
	margin: 0 auto;
	clear: both;
}

.detail .paging_block .btn_prev,
.detail .paging_block .btn_next {
	background: #0093ed;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.detail .paging_block .btn_prev {
	float: left;
}

.detail .paging_block .btn_next {
	float: right;
}

.detail .paging_block .btn_prev img {
	margin: 6px 5px 0 ;
}

.detail .paging_block .btn_next img {
	margin: 6px 0 0 5px;
}


.detail .paging_block .btn_prev a {
	display: block;
	padding: 6px 15px 5px 10px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.detail .paging_block .btn_next a {
	display: block;
	padding: 6px 15px 5px 10px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.detail .paging_block .btn_prev a:hover,
.detail .paging_block .btn_next a:hover {
	background: #54badb;
	color: #fff;
}

/*paging--------------------*/



/*float--------------------*/

.clear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.img_float_l {
	float: left;
	margin-right: 10px;
}

.img_float_r {
	float: right;
	margin-left: 10px;
}

.center {
	width: 100%;
	text-align: center;
}

.right {
	width: 100%;
	text-align: right;
}


/*font--------------------*/

.font10 {
	font-size: 77%;
}

.font11 {
	font-size: 85%;
}

.font14 {
	font-size: 108%;
}

.font15 {
	font-size: 116%;
}

.font16 {
	font-size: 123.1%;
}

.font17 {
	font-size: 131%;
}

.font18 {
	font-size: 138.5%;
}

.font19 {
	font-size: 146.5%;
}

.font20 {
	font-size: 153.9%;
}

.font21 {
	font-size: 161.6%;
}

.font22 {
	font-size: 167%;
}

.font23 {
	font-size: 174%;
}

.font24 {
	font-size: 182%;
}

.font25 {
	font-size: 189%;
}

.font26 {
	font-size: 197%;
}

.fontb {
	font-weight: bold;
}

/*margin--------------------*/


/*top*/

.mt05{
	margin-top: 5px;
}

.mt10{
	margin-top: 10px;
}

.mt15{
	margin-top: 15px;
}

.mt20{
	margin-top: 20px;
}

.mt25{
	margin-top: 25px;
}

.mt30{
	margin-top: 30px;
}


/*bottom*/
.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}


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

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/*¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */


/*pager_block--------------------*/

#pager_block {
	position: relative;
	overflow: hidden;
}

ul.pager {
	position: relative;
	left: 50%;
	float: left
}

ul.pager li {
	position: relative;
	list-style: none;
	left: -50%;
	float: left;
	margin-right: 5px;
	background: #f5f5f5;
}

ul.pager li a {
	position: relative;
	display: block;
	padding: 3px 8px;
	color: #333;

}

ul.pager li a:link,
ul.pager li a:visited {
	text-decoration: none;
	border: #ccc solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

ul.pager li a:hover,
ul.pager li a:active {
	background-color: #565656;
	text-decoration: none;
	border: #565656 solid 1px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

ul.pager li em {
	display: block;
	padding: 3px 8px;
	background: #565656;
	color: #FFFFFF;
	font-style: normal;
	border: #565656 solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}



.wp-pagenavi {
	clear: both;
	margin: 60px 0 0 0 ;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 8px;
	margin: 2px;
	background: #f5f5f5;
	text-decoration: none;
	border: #ccc solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #333;
	}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	line-height: 2em;
	padding: 3px 8px;
	background: #565656;
	color: #FFFFFF;
	font-style: normal;
	border: #565656 solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.wp-pagenavi span.current {
	font-weight: bold;
	background: #565656;
}

.wp-pagenavi a.previouspostslink:link,
.wp-pagenavi a.previouspostslink:visited,
.wp-pagenavi a.nextpostslink:link,
.wp-pagenavi a.nextpostslink:visited {
	text-decoration: none;
	border: #0093ed solid 1px;
	background: #0093ed;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.previouspostslink:active,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.nextpostslink:active {
	background: #39b9e8;
	text-decoration: none;
	border: #39b9e8 solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}



/* img style */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px;
}
.wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}