/*
Theme Name: あらかぜ手帖
Theme URI: http://http://arakaze.ready.jp/
Description: あらかぜ手帖のテンプレートです。
Version: 1.0
Author: Takumi
*/
@charset "UTF-8";
body {
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:url(images/bg.jpg);
	margin: 0;
	padding: 0;
	color:#636C75;
	line-height:23px;
	min-width:1000px;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style:none;
}
a img {
	border: none;
}

a{
	text-decoration:none;
	color:#27608d;
}
a:link,a:visited{
	color:#27608d;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	text-decoration:underline;
	color:#57C8F1;
}

#wrapper{
	background: top no-repeat url(images/head_bg_01.png);
}

#container {
	width:1100px;
	max-width: 1100px;
	min-width: 780px;
	margin: 0 auto;
}

/*HEADER*/
#header{
	height:174px;
}

#header h1 a{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
	width:300px;
	height:70px;
	margin:23px 0 0 95px;
	position:absolute;
}
#header p{
	margin:48px 0 0 415px;
	color:#FFF;
	position:absolute;
	font-family:serif;
	font-size:13px;
}
#header ul{
	padding-top:31px;
	padding-right:65px;
}

#header ul li{
	float:right;
	display:block;
	width:35px;
	height:33px;
	padding-right:5px;
}


/*SIDEBAR*/

.sidebar1 {
	float: right;
	width: 320px;
	padding-bottom: 120px;
	color:#27608d;
	padding-right:20px;
}

.sidebar1 ul li{
	display:block;
}

.sidebar1 ul .heading{
	width:230px;
	height:33px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar1 ul#popular{
	margin-bottom:30px;
}
.sidebar1 ul#category{
	margin-bottom:30px;
}
.sidebar1 ul#category li a{
	font-size:15px;
	padding:6px 0 6px 30px;
	display:block;
}
.sidebar1 ul#category li#category_web a{
	background:url(images/icon_web_off.png) left no-repeat;
}
.sidebar1 ul#category li#category_web a:hover{
	background:url(images/icon_web_on.png) left no-repeat;
}
.sidebar1 ul#category li#category_create a{
	background:url(images/icon_create_off.png) left no-repeat;
}
.sidebar1 ul#category li#category_create a:hover{
	background:url(images/icon_create_on.png) left no-repeat;
}
.sidebar1 ul#category li#category_life a{
	background:url(images/icon_life_off.png) left no-repeat;
}
.sidebar1 ul#category li#category_life a:hover{
	background:url(images/icon_life_on.png) left no-repeat;
}
.sidebar1 ul#category .heading{
	background: top no-repeat url(images/caption_category.png);
	padding:0;
}


.sidebar1 ul#popular li a{
	padding:6px 0;
	display:block;
	margin-bottom:10px;
        padding-bottom:10px;
	border-bottom:1px dotted #27608d;
}

.sidebar1 ul#popular .heading{
	background: top no-repeat url(images/caption_popular.png);
	margin-bottom:5px;
}


#content {
	padding: 10px 0;
	width: 685px;
	float: left;
	padding:0 30px;
}
#content .posts{
	margin-bottom:40px;
	width: 685px;
}
#content .posts p.thum{
	width:251px;
	height:188px;
	overflow:hidden;
	display:block;
	border:#efe0c7 1px solid;
	padding:4px;
	float:left;
	background:#FFF url(http://arakaze.ready.jp/wp-content/themes/arakaze/images/default.jpg) no-repeat;
}
#content .posts p.thum a{
	width:251px;
	display:block;
	overflow:hidden;
	height:188px;
}
#content .posts p.thum a img{
	margin-left:-41%;
}
#content .posts p{
	color:#999;
	text-align:right;
	font-style:italic;
}
#content .posts dl{
	float:left;
	width:400px;
	padding-left:20px;
}
#content .posts dl dt{
	font-size:26px;
	font-weight:bold;
	line-height:36px;
	margin-bottom:15px;
}
#content .posts dl dt a{
	padding:5px 0;
}
#content .wp-pagenavi{
	margin:0 auto;
	max-width:450px;
}
#content .wp-pagenavi a{
	display:block;
	border:#dedad5 1px solid;
	color:#27608d;
	padding:3px 11px;
	float:left;
	font-weight:bold;
	margin:0 3px;
	font-size:14px;
}
#content .wp-pagenavi span{
	display:block;
	border:#dedad5 1px solid;
	color:#FFF;
	background:#57C8F1;
	padding:3px 11px;
	float:left;
	font-weight:bold;
	margin:0 3px;
	font-size:14px;
}
#content .wp-pagenavi a:hover{
	display:block;
	color:#FFF;
	background:#57C8F1;
	text-decoration:none;
}

/* FOOTER */
footer{
	clear: both;
	background:url(images/footer_bg.jpg);
}
#footer {
	background: top no-repeat url(images/footer_line.jpg);
	padding-top:90px;
}
#footer #gotop a{
	position:absolute;
	margin:-152px 0 0 620px;
	display:block;
}
#footer #gotop a img{
	position:absolute;
}
#footer #gotop a img:last-child{
	padding-bottom:42px;
	margin-top:-22px;
	opacity:0;
}
#aboutme{
	width:685px;
	margin:0 auto;
}
#aboutme ul{
	float:left;
}
#aboutme ul:first-child{
	width:148px;
	text-align:center;
	padding-right:30px;
}
#aboutme ul:last-child{
	width:507px;
}
#aboutme ul#about_text{
	padding-left:30px;
}
#aboutme ul#about_text li{
	margin-bottom:20px;
}
#aboutme ul#about_text li dl dt{
	margin-bottom:15px;
}
#about_readmore{
	position:absolute;
	margin-left:385px;
	margin-top:-55px;
}
#about_readmore a{
	display:block;
	border:1px dotted #FFF;
	background-color:#aecbd2;
	color:#FFF;
	width:100px;
	padding:5px 10px;
}
#about_readmore a:hover{
	text-decoration:none;
	background:#57C8F1;
}
#aboutme img#about_img{
	border:#efe0c7 1px solid;
	padding:3px;
	background:#FFF;
}
#copyrights{
	text-align:center;
	padding-bottom:15px;
	padding-top:60px;
}
#copyrights ul{
	margin:0 auto;
	width:290px;
}
#copyrights ul li{
	float:left;
	padding-right:30px;
}
#copyrights ul li:last-child{
	padding-right:0;
}
#copyrights p{
	clear:both;
	padding-top:15px;
}

/*Single*/

#single #content h2{
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	margin-bottom:25px;
}
#single #content #post_date{
	text-align:right;
	margin-bottom:10px;
	color:#AAA;
	margin-top:-35px;
}
#single #article{
	background: bottom repeat-x url(images/line.jpg);
	padding-bottom:15px;
	margin-bottom:25px;
}
#single #article .wp_social_bookmarking_light{
	margin-top:40px;
}
#single #article img{
	border:#efe0c7 1px solid;
	padding:4px;
	background:#FFF;
	margin-bottom:25px;
}

#single #article h3,#single #article h4{
	font-size:23px;
	line-height:36px;
	background:top left no-repeat url(images/mark_h2.jpg);
	padding-top:10px;
	padding-left:26px;
	margin:30px 0 15px 0;
}

#single #article p{
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
}

#single #related_article h3{
	font-size:23px;
	line-height:36px;
	background:left no-repeat url(images/mark_rcmd.jpg);
	padding-left:26px;
	margin-bottom:20px;
}
#single h3#comments{
	font-size:23px;
	line-height:36px;
	background:left no-repeat url(images/mark_comments.jpg);
	padding-left:26px;
	margin-bottom:20px;
}
#single #related_article ul li{
	margin-bottom:15px;
	background:left top no-repeat url(images/mark_list.jpg);
	padding-left:16px;
	line-height:17px;
}
#single #related_article ul li a{
	font-size:16px;
	padding:10px 0;
}
#demo_link{
	margin:15px 0;
}
#demo_link a{
	display:block;
	border:1px dotted #FFF;
	background-color:#aecbd2;
	color:#FFF;
	width:150px;
	padding:5px 10px;
}
#demo_link a:hover{
	text-decoration:none;
	background:#57C8F1;
}

/*Page*/
#page{min-height:700px;}
#page h2{
	font-size:23px;
	line-height:36px;
	background:top left no-repeat url(images/mark_h2.jpg);
	padding-top:10px;
	padding-left:26px;
	margin-bottom:15px;
	margin-left:28px;
}
#page form{
	margin-left:28px;
}
#page p{
	font-size:16px;
	line-height:40px;
	margin-bottom:15px;
}
#page p input{
	padding:5px;
	width:250px;
	font-size:15px;
}
#page p textarea{
	width:500px;
	font-size:15px;
	padding:5px;
	height:180px;
}
#page p#submit input{
	display:block;
	border:1px dotted #FFF;
	background-color:#aecbd2;
	color:#FFF;
	width:150px;
	padding:10px 10px;
	cursor:pointer;
	margin-left:180px;
	margin-top:30px;
}
#page p#submit input:hover{
	text-decoration:none;
	background:#57C8F1;
}

/*infomation*/
#info #article h3{
	font-size:23px;
	line-height:36px;
	background:top left no-repeat url(images/mark_h2.jpg);
	padding-top:10px;
	padding-left:26px;
	margin:30px 0 15px 0;
}
#info #article p{
	padding-left:28px;
	line-height:28px;
}
#info #article ul,#info #article dl.first{
	font-size:16px;
	padding-left:30px;
}
#info #article li{
	float:left;
	display:block;
}
#info #article li#info_img{
	width:150px;
}
#info #article li#info_me{
	width:480px;
	padding-left:20px;
}
#info #article dl{
	display:block;
	float:left;
	width:200px;
	margin-right:27px;
}
#info #article dl.last{
	margin-right:0;
	margin-bottom:15px;
}
#info #article dl dt{
	float:left;
	width:120px;
	border-bottom:1px solid #DDD;
	margin-bottom:10px;
}
#info #article dl dd{
	border-bottom:1px solid #DDD;
	margin-bottom:10px;
}
#info #article dl dd span{
	color:#DDD;
}
#info #article ul:last-child li p{
	padding:0;
	background:left top no-repeat url(images/mark_list.jpg);
	padding-left:16px;
	line-height:18px;
	color:#57C8F1;
	margin-bottom:10px;
	font-style:italic;
	font-family:serif;
}
#info #article ul li img{
	border:#efe0c7 1px solid;
	padding:4px;
	background:#FFF;
	float:left;
	margin-bottom:5px;
}

/*comments.php*/
.comments_wrap{
	background:top repeat-x url(images/line.jpg);
	padding:30px 0 10px 0;
	font-size:16px;
}
.comments_wrap textarea,.comments_wrap input{
	border:1px dotted #b7b5af;
	padding: 5px;
	font-size:16px;
	color: #636C75;
	background: #fff;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f8f6f1),
		to(#fff)
		);
	background: -moz-linear-gradient(
		top,
		#f8f6f1,
		#fff
		);
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#fff8f6f1,endColorstr=#ffffffff);
	zoom: 1;
border-radius: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin-bottom:15px;
}
.comments_wrap textarea{
width:100%;
}
.comments_wrap input{
width:300px;
}

.comments_wrap input#submit {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#666666;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	width:200px;
	cursor:pointer;
	margin-top:30px;
}
.comments_wrap input#submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
.comments_wrap input#submit:active {
	position:relative;
	top:1px;
}
ul.commentlist li{
	margin-bottom:30px;
}
.comment-author{
	border-left:5px solid #74bfd4;
	padding-left:10px;
	font-style:normal;
}
.comment-date{
	float:right;
	font-size:13px;
}
.comment-content{
	padding:5px;
}
p#title_reply{
	margin-bottom:15px;
}
.clear{
	clear: both;
}

/* 20140803 */
.sidebar1 #book dt{
	font-weight: bold;
}
.sidebar1 #book{
	background: top left no-repeat url(images/caption_book.png);
	padding-top: 34px;
	margin-top: 35px;
	margin-bottom:30px;
}
.sidebar1 #book p.bd{
	margin: 5px 0 5px 66px;
}
.sidebar1 #book p img{
	border:#efe0c7 1px solid;
	padding: 4px;
	background: #fff;
}

.archive_h2{
	font-size:23px;
	line-height:36px;
	background:top left no-repeat url(images/mark_h2.jpg);
	padding-top:10px;
	padding-left:26px;
	margin:0px 0 15px 0;
}

.popimg{
	border:#efe0c7 1px solid;
	background:#fff;
	display:block;
	margin-bottom:5px;
	overflow:hidden;
	height:126px;
	padding:4px;
	position:relative;
}
.popimg:after{
	content:'';
	position:absolute;
	border-bottom:#efe0c7 1px solid;
	left:1px;
	right:1px;
	bottom:-1px;
	background:#fff;
	height:4px;
}
.popimg img{
	width:100%;
}
.popimg.book{
	width:130px;
	height:auto;
	display:block;
	line-height:0;
	margin:0 auto 5px;
}
.popimg.book img{
}

/* clear fix */
.clearfix:after {
	content:".";
	display:block; 
	height:0.1px; 
	clear:both; 
	visibility:hidden; 
	overflow:hidden; 
}
.clearfix {	zoom:1; }
.code_box{padding:10px 0 !important;}