@charset "utf-8";
/*
Theme Name: web*citron
Theme URI: http://www.webcitron.com/
Description: A theme by <a href="http://www.webcitron.com/">web*citron</a>.
Version: 1
Author: yuz
Author URI: http://www.webcitron.com/
*/

/* YUI */
body{
font:13px/1.231 verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;;*font-size:small;*font:x-small;
}
select,input,button,textarea,button{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;*font-size:108%;line-height:100%;
}

html {
	overflow-y: scroll;
}
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;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
}
li	{
	list-style-type: none;
}
p, dd, blockquote	{
	text-align: justify;
	text-justify: inter-ideograph;
}
p { line-height:1.4; }

em { font-weight:bold; }

body{
	background:url(images/bg_body.jpg) #fff repeat-x;
	color:#272329;
	padding-top:24px;	
}
* + html body {
	font-family: "メイリオ","Meiryo";
}

img {
	border:0;
}

a {text-decoration:none}
a:link {
	color:#9155b0;
}
a:visited {
	color:#b4acb9;
}
a:hover,a:active {
	color:#a8c8d4;
}

.align-right { text-align:right; }
.align-left { text-align:left; }
.align-center { text-align:center; }
.float-left {float:left; margin-right:5px; }
.small { font-size:93%; }

span.pnt  {color: #eb433a;}

ul.circle {
	margin:0.5em 2em;
	line-height:1.4;
}
ul.circle li {
	margin:0 1em;
	list-style:circle;
}

/* radius */
.rds_be {
	border: 5px double #F8F8F5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 8px;
	border-radius: 7px;
/*	behavior: url(images/border-radius.htc);*/
}

.rds_gr {
	background:#fff;
	border: 1px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	behavior: url(images/border-radius.htc);*/
}

/* 2clist */
dl.dl_ylist {
	margin:0.5em 2em;
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #fff;
}

dl.dl_ylist dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 8em;
	float: left;
	color: #A7CC53;
}
	
dl.dl_ylist dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #A7CC53;
	border-top: 1px solid #eee;
	background-color: #fff;
}

/* ----------------------------------------------------------- LAYOUT */

div#header {
	margin:0 auto;
	width:940px;
	height:90px;
}

div#content {
	clear:both;
	width: 940px;
	margin:0 auto;
}

body.page div#side,
body.home div#side {
	margin:1em 0 0 0;
	width:230px;
	float:right;
	text-align:right;
}

body.page div#main,
body.home div#main {
	display: inline;
	width:710px;
	float:left;
}

body.single div#side {
	margin:1em 0 0 0;
	width:230px;
	float:left;
}

body.single div#main {
	display: inline;
	width:710px;
	float:right;
}

body.archive div#side,
body.search div#side {
	margin:1em 0 0 -770px;
	width:230px;
	float:left;
}


body.archive div#main,
body.search div#main {
	display: inline;
	margin:1em 0 0 230px;
	width:540px;
	float:left;
}

body.archive div.ad,
body.search div.ad {
	margin:1em 0 0 0;
	width:170px;
	text-align:right;
	float:left;
}

/* index */

div#imain {
	display: inline;
	margin:1em 0 0 0;
	width:480px;
	float:left;
	text-align:left;
}

div#iside {
	margin:1em 0 0 0;
	width:290px;
	float:left;
	text-align:center;
}

body.home div.ad {
	margin:1em 0 0 0;
	width:170px;
	float:right;
	text-align:right;
}

div#footer {
	clear:both;
	margin:0 auto;
	text-align:center;
	width:940px;
	padding-top:1.5em;
}

/* ----------------------------------------------------------- HEADER */

h1 {
	width:400px;
	height:60px;
	float:left;
}

div#hdrMenu {
	float:right;
	width:540px;
	position: relative;
}

p#hdr_icon {
	margin:-3px 0 0 225px;
	width:120px;
	text-align:right;
}

/* ---------- search form */

form#cse-search-box  {
	float:left;
	margin:0 0 0 5px;
	width: 205px;  
	height: 26px;  
	position: relative;
	background:#fff;
	border: 1px solid #dad5cd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

form#cse-search-box input.text {
	width:156px;
	position: absolute;  
	top: 4px;  
	left: 8px;  
	border: 1px solid #FFF;
	color:#a8c8d4;
}

form#cse-search-box input.searchBtn {
	position:absolute;
	top:3px;
	left:174px;
}

input.br_url {
	background:#fff;
	border: 1px solid #eee;
	color:#333;
	width:	120px;
}

/* ---------- site menu */

ul#navi {
	margin:0 0 0.7em;
	padding:0;
	width:370px;
}

ul#navi li {
	display:inline;
	list-style:none;
}

p#clap {
	width:80px;
	position: absolute;  
	top: 10px;  
	right: 0;  
}

/* ---------- freebies menu */
div#gmenu {
	margin:0 auto;
	width:940px;
	text-align:center;
	padding:0 0 0.5em;
	background:url(images/line_dot.gif) repeat-x left bottom;
}

div#gmenu ul {
	margin:0 auto;
	width:910px;
}
	
div#gmenu ul li {
	float:left;
	padding:0 7px 0 0;
	background:url(images/m_blank.gif) top right no-repeat;
	list-style:none;
}

div#gmenu ul li.end {
	padding:0;
	background:none;
}


/* ---------- Color Changer */

div#clrcng {
	margin:0.5em 0 0;
	padding:0 0 1em;
	text-align:center;
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(images/line_dot.gif) repeat-x left bottom;
}
div#clrcng span {
	text-shadow:1px 1px #eee;
}
div#clrcng span:hover {
	text-shadow:0px -1px #eee;
}
div#clrcng img {
	vertical-align:middle;
}

/* ----------------------------------------------------------- INDEX */

div.update {
	text-transform: capitalize;
	margin:15px 0 0;
	padding:0 0 15px;
	border-bottom:1px solid #ebeae9;
	width:468px;
}
span.date {
	display:block;
	margin-right:10px;
	width:58px;
	height:58px;
	text-align:left;
	font-weight:bold;
	font-size:85%;
	text-transform: uppercase;
	border-right:1px solid #887259;
	color:#887259;
	float:left;
}
div.update h3 {
	margin: 0 0 0 70px;
	text-align:left;
	/* height:25px;
	line-height:25px; */
}

div.update img.wp-post-image {
	margin-right:10px;
	float:left;
}

div.update p.itemtag {
	margin:0.2em 0 0 70px;
	padding:0 0 0 20px;
	background: url(images/icon_tag.png) no-repeat left 2px;
	text-transform: capitalize;
}

div.ad_imain {
		margin:1em 0 0 0;
}

div.iside_cnts {
	margin:0 auto 2em;
	padding:0.5em 0;
	width:274px;
	background:#f9f8f5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(images/border-radius.htc);
	background:#f9f8f5;
}

div#murmur {
	background:#eff7f7;
}
div#iside p { margin:0.5em 1em; }

p.refer {
	margin-right:2em;
	font-size:85%;
	text-align:right;
	color:#999;
}

/* ------------------------------------------------------------- SIDE */

h3#cat_title {
	margin:1em 0 0;
}
div#side dl {
	margin:1em 2em 0 0;
	text-transform: capitalize;
}

div#side dl dt {
	font-weight:bold;
	padding: 0 5px 20px; 
	background:url(images/line_side.gif) repeat-x left bottom;
}

div#side dl dd {
	margin:0.5em 0 1.5em;
}

div#side dl dd ul {
	_zoom: 1; 
	overflow: hidden;
}

div#side dl dd ul li {
	margin-top: -1px; 
	padding: 5px 10px; 
	border-top: 1px dotted #eee;
}
div#side dl dd ul li a {
	text-shadow:0px 1px #efefef;
}

/* 最新3件サムネイル */
p.newthum img.attachment-thumbnail {
	margin-left:5px;
}
p.tagcloud {
	text-shadow:0px -1px #efefef;
}
/* ------------------------------------------------------------- MAIN */

h2#title {
	margin:1em 0;
	padding:0 0 1em;
	text-transform: capitalize;
}
div.entry p {
	margin:0.5em 1em;
}

/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/
.wp-pagenavi {
	clear: both;
	padding:0.5em 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px 3px;
	color:#999;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-top:1px solid #ddd;
	border-right: 1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #ddd;
	text-shadow:1px 1px #eee;
	color: #9155b0;

}
.wp-pagenavi span.current {
	font-weight: bold;
}
div.wp-pagenavi {
	margin:1em ;
	text-align:center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #fff;
	text-shadow:-1px -1px #eee;	
}
span.pages, span.extend {
	border:0;
	text-shadow:none;
}

/* ---------- topicpath */
p.topicpath {
	margin:1em 0;
	padding:0.5em;
}

/* -------------------------------------------------------- ITEM LIST */


/* ---------- for archive */

div.entrylist {
	text-transform: capitalize;
	margin:0.5em 0 0;
	padding:0 0.5em 1em;
	background:url(images/line_dot.gif) repeat-x left bottom;
}
div.entrylist h2 {
	margin: 0 0 0 70px;
	height:25px;
	line-height:25px;
}

div.entrylist img.wp-post-image {
	float:left;
}

div.entrylist p.itemtag {
	margin:0.3em 0 0 70px;
	padding:0 0 0 20px;
	background:url(images/icon_tag.png) no-repeat left center;
	text-transform: capitalize;
}

/* --------------------------------------------------------- TEMPLATE */

div.theme_entry {
	width:270px;
	float:left;
	text-align:center;
}
div.skin img.size-full,
div.template img.size-full  {
	border:5px solid #ede8d9;
}
div.theme_entry a img.attachment-full {
	border: 5px solid #ede8d9;
}
div.theme_entry a:hover img.attachment-full {
	border-color:#a8c8d4;
}
ul.theme_spec { margin:0.5em auto 3em; width:250px;}
ul.theme_spec li {
	height: 2em;
	line-height:2em;
	border-bottom:1px dotted #d2cdc3;
	font-size:85%;
}
ul.theme_spec li.icon {
	text-align:right;
	vertical-align:middle;
}
ul.theme_spec li.stag {
	text-align:left;
}
ul.theme_spec li h2 {
	font-size:100%;
	text-align:left;
}
a img.theme_icon {
	background:#2f173f;
	border:none;
}
a:hover img.theme_icon {
	background:#7dd0df;
	border:none;
}
p.html_icon img { margin:1em 0.5em 0 0; }

/* ------------------------------------------------------------- ITEM */
div.counter {
	text-align:center;
}

img.alignleft { 
	float:left;
	margin-right:1em;
}

/* ---------- item header */
div#itemHdr {
	margin:1em 0 2em;
	padding:0 1em;
	text-transform: capitalize;
	background:#fff;
}
div#itemHdr h2 {
	margin:0.8em 0 0.5em;
}
div#itemHdr p {
	margin:0 0 0.5em;
	padding:0.8em 0 0;
	background:url(images/line_dot.gif) repeat-x left top;
	line-height:1.4;
}
p.bgcomment {
	margin:1em 3em;
	line-height:1.4;
}

/* ---------- tag */

body.single p.itemtag {
	margin:1em 0 0;
	padding:10px 0 10px 30px;
	background:url(images/icon_tag.png) no-repeat 0.5em center;
	border-top:3px double #eee;
	text-transform: capitalize;
}

/* ---------- icon line */

div.entry div.fpos {
	margin:0 1em;
}
img.itemimg {
	float:left;
	margin:8px;
	border:1px solid #eee;
	padding: 5px;
	vertical-align:bottom;
}
img.itemimg:hover {
	background:#F7FCFC;
}

/* ---------- item table */

div.entry table {
	margin:1em auto;
	border-collapse: separate;
	border-spacing:5px;
	empty-cells: hide;
}

div.entry table td {
	border:1px dotted #ccc;
	padding:0.7em;
	text-align: center;
}

/* ---------- background */

div#bgBase {
	margin:1em 0;
	text-align:center;
}

div#bgBase  h3,div.entry h3,
body.page div.entry h3 {
	clear:left;
	margin:auto;
	padding:1em 20px;
	/*width:90%;*/
	text-align:left;
	background:url(images/mark_r.gif) no-repeat left center;
}
div#bgBase p,
div.entry div.fpos p {
	border:1px dotted #ccc;
	margin:5px;
	padding:5px;
	float:left;
	text-align:center;
	}
div#bgBase p.rb img {
	width:100px;
	height:100px;
	}

div#bgBase p.rb img.newwin {
	width:50px;
	height:9px;
}

/* ------------------------------------------------------------- PAGE */

body.page div.entry p {
	margin:0.5em 1em;
	line-height:1.4;
}
body.page div.entry h3 {
	margin-left:1em;
	background-image:url(images/mark_g.gif);
	text-shadow:-1px -1px #eee;
}
body.page div.entry h4 {
	margin:1em 0 0.5em 1em;
	text-shadow:0px -1px #eee;
}

body.page ul.wtxt {
	margin:0.5em 2em;
}
body.page ul.wtxt li {
	padding-right:1em;
	border-right:1px solid #999;
	display:inline;
}
	
/* ------------------------------------------------------ TERM OF USE */

dl#term {
	margin:1em;
}

dl#term dt {
	background:url(images/mark_r.gif) left center no-repeat;
	padding:3px 0 3px 22px;
	font-weight:bold;
	font-size:110%;
	color:#eb433a;
	text-shadow:0px -1px #FCFAF9;
}

dl#term dd {
	margin:0.8em 1.5em;
	line-height:1.4;
	}
dl#term dd ul {
	margin:1em 0;
}
dl#term dd ul li {
	margin-left:1.5em;
	list-style:circle;
}
body.page-id-154 div.entry {
	margin:1em 2em;
	font-family:arial, Helvetica, Verdana, sans-serif;
	 }
body.page-id-154 h2 {
	background:url(images/mark_r.gif) left center no-repeat;
	padding:3px 0 3px 22px;
	font-weight:bold;
	font-size:138.5%;
/*	color:#eb433a; */
	text-shadow:-1px -1px #FCFAF9;
}
body.page-id-154 p { margin:2em 0; }
body.page-id-154 dl { margin:2em auto;width:400px; }
body.page-id-154 ul li { padding:0.2em 0;
}

body.page-id-154 em {
	color:#eb433a;
}



/* -------------------------------------------------------- GUESTBOOK */

ol.commentlist {
	list-style:none; 
	margin:1em 3em;
	padding:0;
	text-indent:0; 
	}
ol.commentlist li { 
	border:1px solid #eee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	height:1%;
	margin:0 0 10px;
	padding:0.5em 1em;
	position:relative;
	}
ol.commentlist li div.comment-author { 
	margin:0;
	padding:0.5em 20px;
	text-align:left;
	background:url(images/mark_lm.gif) no-repeat left center;
 	color:#ccc;
 }
ol.commentlist li div.comment-meta { 
	font:bold 10px/1.4 helvetica,arial,sans-serif;
	position:absolute;
	right:10px;
	top:5px;
	text-align:right;
	}
ol.commentlist li p {
	margin:0 1.5em 1em;
	line-height:1.4;
}
ol.commentlist li ul {
	list-style:square;
	margin:0 0 1em;
	padding:0; text-indent:0;
}
ol.commentlist li ul.children {
	list-style:none;
	margin:1em 0 0 3em;
	text-indent:0;
}
ol.commentlist li ul.children div.comment-author {
 	background-image:url(images/mark_y.gif);
}

/* ---------- guestbook form */

form#commentform {
	margin:1em 3em 2em;
}
form#commentform input#author,
form#commentform input#url,
form#commentform textarea#comment {
	margin:0.2em;
	background:#fff;
	border: 1px solid #dad5cd;
	color:#a8c8d4;
}

/* -------------------------------------------------------------- FAQ */

dl.faqindex {
	margin:1em 2em;
}
dl.acdn dt {
	cursor: pointer;
	padding:3px 0 3px 15px;
	background:url(images/icon_cur_btm.gif) left center no-repeat;
}

form.samplecode { margin:1em 2em;}
form.samplecode fieldset {
	padding:0.5em;
	border:1px solid #e7e3d9;
	background:#fcfbf8;
}
form.samplecode legend {
	display:inline;
	font-weight:bold;
	color:#a7680f;
	text-transform: uppercase;
}
form.samplecode input {
	width:400px;
	margin-bottom:0.2em;
	border:2px solid #fff;
	color:#e39358;
}

dl.faq_entry dt {
	padding:1em 0.5em;
	border-top: 1px solid #aaaaaa;
	margin-top: 20px;
	font-weight: bold;
}
dl.faq_entry dd {
	border: 1px solid #f0f0f0;
	padding: 0.5em;
}
dl.faq_entry dd p.align-right {
	text-align: right;
	font-size: smaller;
}
span.faq_answer_title{
	margin-left:0.2em;
	font-weight: bold;
}
span.faq_title { color:#eb433a;}
dl.faq_entry em { color:#eb433a;}
dl.faq_entry em.b { color:#7abbc9;}

/* --------------------------------------------------------- MAILFORM */

form.wpcf7-form {
	margin:1em;
	padding:1em;
	background:#F9F8F4 url(images/bg_lace.gif);
}
form.wpcf7-form label {
	color:#519fbc;
	}

form.wpcf7-form input.wpcf7-text ,
select.wpcf7-select {
	padding:0.2em 0.4em;
	width:300px;
	border-left:1px solid #e3dfd1;
	border-top:1px solid #e3dfd1;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#754737;
	background:#fefefc;
}

span.wpcf7-form-control-wrap textarea {
	padding:0.2em 0.4em;
	width:450px;
	border-left:1px solid #e3dfd1;
	border-top:1px solid #e3dfd1;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#599c9a;
	background:#fefefc;
}
span.wpcf7-list-item-label{ 
	font-weight:normal;
	color:#754737;
	}
input.wpcf7-submit {
	font-weight:bold;
}

/* ----------------------------------------------------------- FOOTER */

p.pagetop {
	margin:1em auto;
	width:940px;
	text-align:right;
	padding: 1.5em 0 0;
	background:url(images/line_dot.gif) repeat-x left top;
	}
div#footer ul  {
	margin:1.5em 0;
	text-align:center;
	font-size:85%;
	}
div#footer ul  li {
	display:inline;
	margin:0 0.5em;
}
div#footer ul  li#copyright {
	padding-right:1em;
	border-right:1px solid #999;
}
p#textAd {
	margin:1.5em 0;
	text-align:center;
	font-size:85%;
	color:#808080; 
}
p#textAd a { color:#808080; }


/* CLEARFIX --------------------------------------------------------- */

/* for modern brouser */
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearfix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
/* End hide from IE-mac */

/* add to any */
div.addtoany_share_save_container {
        clear:left;
        padding-top:1em;
        text-align:right;
}