/*
Theme Name: doux orange
Theme URI: https://www.doux-o.com/
Description: doux orange 専用テーマ
Version: 1
Author: Web-STYLE
Author URI: http://www.web-style.jp/
*/

/*************
    Setting
 *************/
 
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

html {
	font-size: 62.5%;
}

html, body,div,h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
}

body {
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Arial,Sans-Serif;
	font-size: 14px;
	font-size: 1.4rem; /* =14px */
	color: #333;
	line-height: 1.8em;
}
 
body.msie {
    font-size: 62.5%;
}
 
body.win {
    font-family: "ＭＳ Ｐゴシック","MS PGothic",Osaka,Helvetica,Arial,Sans-Serif;
}

body{
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}


a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

ul {
	list-style: none;
}

img {
	border: none;
}
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear {
	clear: both;
}

#wrapper {
	margin: 0px;
	width: 100%;
	position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
/* -------------------------------------------------------------------
	#header
		ヘッダー
------------------------------------------------------------------- */
header {
	background-color: #000;
	display: block;
	width: 100%;
}
#head-box {
	display: block;
	margin: 0px auto;
	padding: 0px;
	width: 1014px;
}
#head-box h1 {
	display: block;
	margin-left: 56px;
	float: left;
	height: 46px;
	width: 161px;
}

#head-navi {
	display: block;
	margin-right: 15px;
	float: right;
	width: 136px;
}
li.hnav-top {
	display: block;
	margin: 0 15px 0 0;
	padding: 0px;
	float: left;
	height: 46px;
	width: 34px;
}
li.hnav-contact {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 46px;
	width: 87px;
}


#contentArea {
	display: block;
	margin: 0 auto;
	padding-bottom: 21px;
	width: 1015px;
}
/*----------------------------------------------------
	ページタイトル
----------------------------------------------------*/
#title {
	background-color: #000;
	display: block;
	margin: 0px auto;
	padding: 0px;
	width: 1014px;
}

/* -------------------------------------------------------------------
	#navigation
		パンくずリスト
------------------------------------------------------------------- */
#topicPath {
	background-color: #000;
	margin: 0px auto 50px;
	padding: 0px;
	width: 1014px;
}
#topicPath ol {
	float: left;
	margin: 0px;
	padding: 2px 0 2px 14px;
	width: 1000px;
	_zoom: 1;
	overflow: hidden;
}
#topicPath li {
	color: #FFF;
	display: block;
	line-height: 34px;
	float: left;
	list-style-type: none;
	background: url(images/icon_arrow.gif) no-repeat left 12px;
	margin-right: 10px;
	padding-left: 15px;
}
#topicPath li a { color: #FFF; }
#topicPath a:hover {
	color: #FFFFEE;
	text-decoration: none;
}
#topicPath li.home {
	padding-left: 20px;
	background: url(images/icon_home.gif) no-repeat left 11px;
}


/*************
  Main area
 *************/

/*----------------------------------------------------
	#mainArea
----------------------------------------------------*/
#mainArea {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 740px;
}

/*----------------------------------------------------
	sidebar
----------------------------------------------------*/
#side {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 250px;
}


/*** Blog info ***/
div.blog_info{
	color: #534A4B;
	font-size: 85%;
	padding: 5px;
	margin: 0 0 20px 5px;
	}
	div.blog_info ul{margin:0;}
		div.blog_info li{
			float: left;
			padding-left:22px;
			margin:0 15px 0 5px !important;
			list-style: none !important
			}
			div.blog_info li a{
	color: #534A4B;
	text-decoration: none;
}
				div.blog_info li a:hover{
	color: #6D6163; text-decoration: underline;
}
	div.blog_info li.cal{background: url(images/pt-list.png) no-repeat 0 center;}
	div.blog_info li.cat{background: url(images/pt-list.png) no-repeat 0 center;}
	div.blog_info li.tag{background: url(images/pt-list.png) no-repeat 0 center;}
	
/*** Contents ***/

a.more-link{
	background:url("images/arrow_next.png") no-repeat right top;
	color:#fff;
	font-size:85%;
	text-align:right;
	text-decoration:none;
	margin-left:560px;
	display:block;
	padding-top: 1px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	a.more-link:hover{text-decoration: underline;}

/*** Bottom Navigation, Comment Navigation ***/
div.nav-below{
	overflow:auto;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#fff;
		font-size:85%;
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			text-decoration: underline;
			}
			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		padding:1px 10px 2px 25px;
		background:url("images/arrow_prev.png") no-repeat left top;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		padding:1px 25px 2px 10px;
		background:url("images/arrow_next.png") no-repeat right top;
		}
		

/****************************************
		5. Post Entry 
*****************************************/
.post {
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 736px;
	border: solid 2px #BA9954;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	position: relative;
	behavior: url("/PIE.htc");
}
#post-main {
	margin: 0px;
	width: 716px;
	padding: 0px 10px;
}

.post-title {
	color: #FFF;
	font-weight: bold;
	font-size: 160% !important;
	line-height: 1.8em;
	background-image: url(images/ti_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 5px 0px;
	margin: 0px;
	padding: 5px 0 0 60px;
	width: 676px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
	div.post:first-child .post-title{margin-top:0 !important;}
	.post-title a{
	color: #FFFFFF;
	text-decoration: none;
}
		.post-title a:hover{
	color: #FFFFE1;
	text-decoration: underline;
}

.post h2, .post h3, .post h4, .post h5, .post h6{margin: 0px 0 10px}
.post h2{font-size:160%;}	
.post h3{font-size:140%;}
.post h4{font-size:120%;}
.post h5{font-size:110%;}

.post p{
	margin: 1em 0;
}
.post em{font-style: italic;}
.post code{color: #06c; font-family:'Courier New',Courier,monospace;}

.post blockquote{
	border-left: 5px solid #AD95DF;
	padding: 10px;
	margin: 20px 0;
	font-style: italic;
	}
	.post blockquote p{margin:0;}



.post ul, .post ol{margin:20px 0;}
	.post ul li{
		list-style: url(images/pt-list.gif);
		margin-left:20px;
		}
	.post ol li{list-style: decimal outside;margin-left:20px;}


/*投稿画像の回り込み処理*/


img.aligncenter {
padding: 4px;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
        margin-left: 10px;
        margin-bottom: 2px;
}

.alignleft {
float: left;
        margin-right: 10px;
        margin-bottom: 2px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
}

img {
border-style:none;
}

.wp-caption {
	border: solid 1px #DDDDDD;
	text-align: center;
	padding-top:5px;
	margin-bottom:5px;
	background-color:#F5F5F5;
	font-size:0.8em;
	line-height: 0.8em;
}

/****************************************
		6. Comments
*****************************************/
h3#comments{
	padding: 10px 0 10px 10px;
	clear: both;
	margin-top:40px;
	border-top:1px solid #ddd;
	}
	
.commentlist{margin-bottom:30px;}
	.commentlist li {
		border-top:1px solid #ddd;
		padding:15px 0 0 55px;
		position:relative;
		}
	.commentlist .avatar {
		background:#fff;
		border:1px solid #ddd;
		left:0;
		margin:0 16px 0 0;
		padding:3px;
		position:absolute;
		top:15px;
		}
	.commentlist .comment-meta{margin-bottom:10px;}
		.commentlist .comment-meta a{
			color: #999;
			font-size:85%;
			text-decoration:none;
			}
			.commentlist .comment-meta a:hover{color: #ccc;}
	.commentlist p{margin-bottom:15px;}
	.commentlist .reply a{
		position: absolute;
		top: 15px;
		right: 0;
		padding: 2px 10px;
		background: #ddd;
		font-size: 85%;
		color: #333;
		text-decoration: none;
		}
		.commentlist .reply a:hover {color: #999}
		
/*** Comment form ***/
#respond{margin-top:70px;}
#respond h3{
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:10px 0 10px 10px;
	}

#commentform{margin-top:20px;}
	#commentform p{clear: both}
	#commentform label{margin: 10px 5px;font-size:85%;}
	*:first-child+html #commentform label{ position:relative\9; top: -15px\9; } /* IE7 */
	#commentform input[type="text"], #commentform textarea{
		margin: 5px 0 10px;
		}
		#commentform input[type="text"]:focus, #commentform textarea:focus{
			border:1px solid #06c;
			}

		
/*************
    Sidebar
 *************/

li.widget-container {
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
	display: block;
	margin: 0 0 10px;
	padding: 0px;
	width: 246px;
	border: solid 2px #BA9954;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	position: relative;
	behavior: url("/PIE.htc");
}

#side h3 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #FFF;
	background-image: url(images/wig-ti.png);
	background-repeat: no-repeat;
	background-position: left top;
	box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 5px 0px;
	padding: 15px 0 10px 60px;
	margin: 0 0 5px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	behavior: url("/PIE.htc");
}


.widget-container a {text-decoration:none; color: #534A4B;}
.widget-container a:hover {text-decoration: underline; color: #6D6163;}
.widget-container ul {
	text-align: left;
	display: block;
	margin: 10px 0 10px 10px;
	padding: 0px;
}
.widget-container ul li{
	font-size: 12px;
	font-size: 1.2rem;
	color: #534A4B;
	line-height: 2em;
	background-image: url(images/pt-list.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 25px;
}

#searchform {
	text-align: left;
	display: block;
	margin: 20px 0 30px 30px;
	padding: 0px;
	width: 210px;
}

/*** Calendar ***/
#wp-calendar {
	width: 220px;
	background-color: #FFF;
	margin: 20px 0 10px 20px;
}
	#wp-calendar caption {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
		}
	#wp-calendar thead {font-size: 11px;}
	#wp-calendar tbody {
	color: #999;
}
		#wp-calendar tbody td {
	padding: 3px 0 2px;
	text-align: center;
	background: #EFEFEF;
			}
		#wp-calendar tbody .pad {background: none;}
	#wp-calendar tfoot #next {text-align: right;}
	#wp-calendar a {
	color: #534A4B;
	text-decoration: underline;
	}
	#wp-calendar a:hover {
	color: #6D6163;
	text-decoration: none;
	}

/*************
    Form
 *************/
input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}
	
input[type="submit"]{
	border:1px solid #ccc;
	padding: 2px 5px;
	color: #666;
	cursor: pointer;
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#ccc)
		);
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
	zoom: 1;
	}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
footer {
	background: #000;
	margin: 0px;
	height: 21px;
	width: 100%;
	position: absolute;
	bottom: 0px;
}

#copyright {
	padding: 3px;
}
#copyright a {
	background-image: url(images/copyright.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding: 0px;
	height: 15px;
	width: 518px;
}
#copyright a:hover {
	background-position: 0px -15px;
}