@charset "utf-8";

/*
Theme Name: elixir
Theme URI: http://sexpeas.com
Description: <a href="http://sexpeas.com">SEXPEAS</a> 専用テンプレート
Version: 1.0
Author: Issei Hara
Author URI: http://issei-hara.com
Tags: html5, css3, black, pink, rose
*/

/* 使っている font-size = 20、16、13、12、11、10 */
/* color = #000, #191919, #333, #666, #fff, #f06*/


/************************************************/
/************************************************/


* {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
}

body {
	background-color:#000;
	color:#fff;
	font-family:"Hiragino Kaku Gothic Pro", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size:62.5%;
	line-height:1;
	margin:0;
	padding:0;
	text-align:center;
}

a,
a:link,
a:visited,
a:active {
	color:#f60;
	text-decoration:none;
}

a:hover {
	color:#f06;
	text-decoration:none;
}

.float-left {float:left;}
.float-right {float:right;}

/************************************************/
/* layout ***************************************/

#TO,
#BO,
#wp_footer {
	height:0;
	overflow:hidden;
	background-color:#f06;
	color:#f06;
	display:block;
}

.line {
	padding:0 !important;
	margin:0 !important;
	clear:both !important;
	background-color:#f06 !important;
	display:block !important;
	height:20px !important;
	overflow:hidden !important;
}

/************************************************/
/* clearfix *************************************/

#content:after,
.post:after,
ul.results li:after,
ol.comments li:after,
ol.comments li ul.children li.entry:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

/************************************************/
/* frame & header & footer **********************/

#frame,
#footer-body {
	padding:0 10px;
	margin:0 auto;
	width:880px;
	text-align:left;
	clear:both;
	line-height:1.5;
}

#footer {padding:30px 0 10px 0; clear:both; background-color:#f06;}

#h-control {margin:0 0 60px 0; float:right; width:560px;}
#f-control {clear:both;}

#h-control a,
#f-control a,
#footer a {
color: #fff;
}

#h-control a:hover,
#f-control a:hover,
#footer a:hover {
color: #000;
}

.control-right ul {float:right;}

#h-control ul li,
#f-control ul li {float:left; display:block; font-size:1.2em;}

#h-control ul li,
#f-control ul li {margin: 0 0 0 3px;}

#f-control ul li#pc-sp {margin:0;}

#h-control ul li a,
#f-control ul li a {
margin: 0;
padding:0 10px;
line-height:30px;
height:30px;
text-align:center;
overflow:hidden;
float:left;
display:block;
}

#h-control ul li a {
/*background: #f06 url(images/control.gif) bottom left no-repeat;*/
background-color:#f06;
border:2px solid #f06;
line-height:30px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(204,0,102)),
    color-stop(0.5, rgb(255,0,102)),
    color-stop(1, rgb(255,0,102))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(204,0,102) 0%,
    rgb(255,0,102) 50%,
    rgb(255,0,102) 100%
);}

#h-control ul li a span {/* background-color:#f06; background: #FF0066 url(images/control.gif) bottom right no-repeat;*/}

#f-control ul li a {
background-color:#f06;
border:2px solid #f06;/* background: #FF0066 url(images/control.gif) left top no-repeat;*/ line-height: 35px;   
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px; 
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(255,0,102)),
    color-stop(0.5, rgb(255,0,102)),
    color-stop(1, rgb(204,0,102))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(255,0,102) 0%,
    rgb(255,0,102) 50%,
    rgb(204,0,102) 100%
);}

#f-control ul li a span {/* background-color:#f06; background: #FF0066 url(images/control.gif) right top no-repeat;*/}

/************************************************/
/* footer ***************************************/

#sidebar hr,
#footer hr {
	border:none;
	border-top:1px solid #903;
	border-bottom:1px solid #f69;
	clear:both;
	margin:0;
	padding:0;
}

#footer hr {margin:10px 0;}

#footer h2 {font-size:1.6em;}

#footer #f-1,
#footer #f-2,
#footer #f-3 {
	width:280px;
	text-align:left;
	margin-bottom:10px;
}

#footer #f-1 {float:left; margin-right:20px;}
#footer #f-2 {float:left;}
#footer #f-3 {float:right;}

#footer ul li {font-size:1.2em;}

#footer #f-1 ul,
#footer #f-2 ul,
#footer #f-3 ul {padding:0 0 0 20px;}

#footer #f-1 ul li,
#footer #f-2 ul li,
#footer #f-3 ul li {
list-style-image:url(images/bullet-blanc.gif);
list-style-position:outside;
}

#footer #f-1 ul li a,
#footer #f-2 ul li a,
#footer #f-3 ul li a {display:block;}

#footer #f-3 p { padding:0; margin:0 0 5px 0;}
#footer #f-3 p img { width:280px;}


#footer #f-3 p { clear:both; font-size:1.2em;}
#footer #f-3 p img { width:60px; height:60px; float:left; margin-bottom:10px; margin-right:10px;}

#footer #site-info {display:block; text-align:center; clear:both; line-height:1;}
#footer #site-info ul {display:block;}
#footer #site-info ul li {margin:0 10px; display:inline;}

address {clear:both; display:block; font-size:1.2em;}

/************************************************/

.meta {color:#f06; font-size:1.1em; font-weight:lighter;}
#footer .meta {color:#fff;}

/************************************************/
/* sidebar **************************************/

#sidebar {
	width:260px;
	float:left;
	margin-bottom:30px;
}

#sidebar #box {
	padding:5px 20px 20px;
	margin-bottom:30px;
	background-image:url(images/bg-box.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#fff;
	line-height:1;
	/*border:2px solid #f06;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(204,0,102)),
    color-stop(0.5, rgb(255,0,102)),
    color-stop(1, rgb(255,0,102))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(204,0,102) 0%,
    rgb(255,0,102) 50%,
    rgb(255,0,102) 100%
);*/
}

#sidebar #box h1 {
margin:0 auto;
padding:0;
width:220px;
height:60px;
overflow:hidden;
}

#sidebar #box h1 a {
background:url(images/logo.gif) center top no-repeat;
display:block;
padding-top:60px;
overflow:hidden;
}


#sidebar #box p {
	margin:0;
	padding:5px 0;
	text-align:center;
}

#sidebar #box input { /* padding と合わせて、横幅 200px になるように */
	margin: 10px 0 0 0 !important;
	padding: 5px 15px 5px 35px !important;
	height: 18px !important;
	width: 170px !important;
	background: #f06 url(images/box-search.jpg) top left no-repeat;
	/*color: #e380a2;*/
	color:#fcc;
	overflow: hidden;
}

#sidebar #box input:focus {color:#fff;}

#sidebar #nav {
	background-image:url(images/yin-yang.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:60px;
}

#sidebar #nav ul {margin:0 0 30px 0; padding:0;}

#sidebar #nav ul li {margin:0;padding:0;}

#sidebar #nav ul li a {
	background-color:#191919;
	background-image:url(images/nav.gif) !important;
	background-repeat:no-repeat;
	background-position:0 0;
	color:#fff;
	display:block;
	font-family:Optima, Arial, Helvetica, Sans-serif;
	height:36px;
	margin:0 0 5px 0;
	padding:0 10px 0 30px;
	line-height:37px;
	font-size:1.4em;
	overflow:hidden;
transition:none;
-webkit-transition:none;
-moz-transition:none;/**/
}

/*
#sidebar #nav ul li a {
	font-family: Optima, Arial, Helvetica, Sans-serif;
	background-color: #191919;
	display: block;
	height: 27px !important;
	margin: 0 0 5px 0 !important;
	padding: 0 10px 0 15px !important;
	line-height: 27px;
	font-size: 1.4em;
	overflow: hidden;
	color: #fff;
	border:2px solid #333333;
	text-decoration: none;
}
*/
#sidebar #nav ul li a:hover {
	background-color: #f06;/*
	border:2px solid #f06;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(51,0,0)),
    color-stop(0.5, rgb(255,0,102))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(51,0,0) 0%,
    rgb(255,0,102) 50%
);*/
	background-image: url(images/nav.gif) !important;
	background-position: 0 -40px !important;
}

#sidebar #nav ul li a.active,
#sidebar #nav ul li.current-menu-item a {
/*
	border:2px solid #ff0066;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(51,0,0)),
    color-stop(0.5, rgb(255,0,102))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(51,0,0) 0%,
    rgb(255,0,102) 50%
);*/
	background-color: #f06;
	background-image: url(images/nav.gif) !important;
	background-position: 0 -80px !important;
}

#sidebar #nav ul li a span {
	visibility:hidden;
	font-size:10px;
	padding-left:20px;
transition:none;
-webkit-transition:none;
-moz-transition:none;
}

#sidebar #nav ul li a:hover span,
#sidebar #nav ul li a.active span {
	visibility:visible;
}

#sidebar .module {
	margin: 0 0 30px 0;
	clear: both;
}

#sidebar h2 {
	font-size:1.6em;
	margin:0 0 10px 0;
}

#sidebar select {
	margin-bottom:10px;
	width: 98%;
	background-color: #191919;
	border:1px solid #333;
	padding:3px 5px;
	color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#sidebar a {color:#666;}
#sidebar a:visited {color:#333;}
#sidebar a:active {color:#f06;}
#sidebar a:hover {color:#fff;}

#sidebar .module ul {
	margin-left: 20px;
	clear: both;
}

#sidebar .module ul li {
	list-style: url(images/arrow-right.gif);
	list-style-position:outside;
}

#sidebar .module ul li a {
	display: block;/*
	background: url(style/arrow-right.gif) left center no-repeat;
	padding: 0 0 0 10px;*/
	margin: 0;
	font-size: 1.2em;
}

#sidebar p {margin-bottom:10px;}

#sidebar .module p img { width:260px;}

/************************************************/

#sidebar #sidebar-data {
border-top: 3px solid #333;
padding: 15px 0 0 0;
display: block;
clear: both;
}

#sidebar .test { position: relative;}



#sidebar .mm {
position: relative;
display:block;
clear:both;
background-color:#f06;
border:2px solid #f06;
	color:#fff;
	line-height:1;
	padding:20px;
	margin-bottom:30px;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(204,0,102)),
    color-stop(0.5, rgb(255,0,102)),
    color-stop(1, rgb(255,0,102))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(204,0,102) 0%,
    rgb(255,0,102) 50%,
    rgb(255,0,102) 100%
);
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#sidebar .mm .meta {color:#fff; line-height:1.5;}

#sidebar .mm hr {
margin:10px 0;
}

#sidebar .mm p {
line-height:1.5;
font-size:1.3em;
margin:0;
}

#sidebar .mm .field p {}

#footer input.name,
#footer input.mail,
#sidebar .mm input.name,
#sidebar .mm input.mail
 { /* padding と合わせて、横幅 200px になるように */
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 60px !important;
	height: 18px !important;
	width: 150px !important;
	/*color: #e380a2;*/
	color:#fcc;
	overflow: hidden;
}

#footer input.name,
#sidebar .mm input.name {background: #f06 url(/images/mm/bg-name.gif) top left no-repeat;}

#footer input.mail,
#sidebar .mm input.mail {background: #f06 url(/images/mm/bg-mail.gif) top left no-repeat;}

#sidebar .mm input:focus {color:#fff;}

#footer input.submit,
#sidebar .mm .field input.submit {
display:block;
width:220px;
margin-top:10px;
height:28px;
line-height:28px;
text-align:center;
border-radius:28px;
-webkit-border-radius:28px;
-moz-border-radius:28px;
background-color:#fff;
border:1px solid #fff;
color:#f06;
}

#sidebar .mm input.submit:hover {
background-color:#f06;
border:1px solid #fff;
color:#fff;
}


#footer input.submit {
background-color:#f06;
border:1px solid #fff;
color:#fff;}

#footer input.submit:hover {
background-color:#fff;
border:1px solid #fff;
color:#f06;}

/************************************************/
/* content **************************************/

#content {
	float:right;
	width:560px;
	line-height:2;
}

#content a:hover {color:#fff;}

/************************************************/
/* results & comments ***************************/

#content ul.results,
#content ol.comments { padding:0; margin:0; clear:both; display:block;}

#content ul.results li,
#content ol.comments li {
	clear:both;
	display:block;
	background-color:#191919;
	border:1px solid #333;
	padding:30px 30px 0.1em;
	margin: 0 0 30px 0; 
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#content ul.results li .result-meta,
#content ol.comments li .comment-meta {display:block; color:#fff; padding:0; margin:0; font-weight:lighter;}

.result-meta span {display:block;}

#content ul.results li a img {
	display: block;
	float: left;
	margin: 0 0 0.1em 0;
}

.entry-image {float:left; width:90px;}
.entry-image img {border:1px solid #333;}

.entry { float:right; width:400px;}


#content .post .entry p {margin-bottom:15px;}

#content ul.results .click {font-size:1.3em;}
#content ul.results h3 {color:#fff; margin-bottom:15px;}

ol.comments li .comment-left {float: left; width: 95px;}
ol.comments li .comment-right {float: right; width:430px;}
ol.comments li .comment-avatar {margin-bottom: 0; float:left;}
ol.comments li .comment-author {display: none;}

#content ul.results li .result-title,
#content ol.comments li .comment-title {
	color:#fff;
	margin:0 0 15px 0;
	display:block;
	font-size:1.8em;
}

#content ol.comments li ul.children {padding:0; margin:0; clear:both; display:block;}
#content ol.comments li ul.children li {padding: 30px 30px 0.1em; margin:0 0 30px 0; clear:both; display:block; border:1px solid #333;}
#content ol.comments li ul.children li .entry {float:right; width:340px; padding-bottom:15px;}

#content ul.results li .result-title a,
#content ol.comments li .comment-title a {color:#f06;}

#content ul.results li .result-title a:hover,
#content ol.comments li .comment-title a:hover {color:#f06;}

#content ul.results li .result-text {
	margin:0 0 15px 0;
	padding:0;
	color:#fff;
	display:block;
	font-size:1.4em;
}
#content ul.results li span.result-text a {display:block; color:#fff;}
#content ul.results li span.result-text a:hover {color:#f06;}
/*
#content ol.comments li .comment-text {margin:0; padding:0;}*/
#content ol.comments li .comment-text p {margin:0 0 30px 0; padding:0;}

#content ul.results li div.detail {}
#content ul.results li div.detail span { display:block;}

#content ul#archives li a {color:#fff;}
#content ul#archives li a:hover {color:#f06;}

/************************************************/
/************************************************/

#content hr,
#content .post hr {
	margin: 30px 0;
	height: 0;
	border:none !important;
	border-top: 1px solid #333 !important;
}

#content blockquote {
	border:1px solid #333;
	padding:30px 30px 0.1em;
	margin:30px 20px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#content .form,
#content .post,
#trackback {
	background-color: #191919;
	border: 1px solid #333;
	clear: both;
	display: block;
	margin: 0 0 30px 0;
	padding: 30px 30px 0.1em;
	text-align:left;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#content .detail {
	clear: both;
	border-top: 1px solid #333;
	padding: 15px 0 0 0;
	margin-bottom:30px;
}

#content .detail span { display:block;}

#content .post img {
	max-width: 500px;
}

#content h2 {
	font-size: 2.4em;
	margin: 0;
	padding-bottom:5px;
	margin-bottom:50px;
	border-bottom:1px solid #333;
}

#content .post h2 {font-size: 2.0em;}
#content .post h3 {margin-bottom:15px;}

#content .form h2,
#commentslist h2,
#comments h2,
#trackback h2,
#respond h2 {
	padding:0 0 2px 0;
	margin:0;
	font-size:1.8em;
	margin-bottom:30px;
}

#content h3,
#content h4,
#content h5 {
	font-size:1.8em;
	margin-bottom:30px;
	font-weight:normal;
}

#content p,
#content ul#archives li,
#content .post ul li,
#content .post ol li,
#content dt,
#content dd {
	font-size:1.4em;
}

#content p {
	padding:0;
	margin:0 0 30px 0;
	font-weight:lighter;
}

#content .post p span {
	color:#f06;
	font-size:1.5em;
}

/************************************************/

#content ul,
#content ol {
	padding:0;
	margin:0 0 30px 10px;
}

#content .post ul li {
	margin-bottom: 15px;
	list-style: url(images/bullet.gif);
	margin-left: 15px;
}

#content .post ol li {
	margin-left: 20px;
	margin-bottom: 15px;
	list-style-type: decimal;
}

#content ul li {
	margin-bottom:15px;
	list-style: url(images/bullet.gif);
	margin-left: 15px;
}

/************************************************/
/************************************************/

#content dl,
#content .post dl {clear:both;}

#content dt,
#content .post dt {
	padding: 0;
	margin: 0 0 15px 0;
	padding-left: 15px;
	color: #FF0066;
	background-image: url(images/bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#content dd,
#content .post dd {
	padding: 0 0 30px 15px;
}

/************************************************/
/* table ****************************************/

.data table {
	width: 100%;
	margin-bottom: 20px;
}

#content .post table th {
	margin: 0;
	padding: 0 10px 10px 0;
	text-align: right;
	vertical-align: top;
}

#content .post table td {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

.data table th {
	background-color: #f06;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.data table td {
	background-color: #191919;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

/************************************************/
/* .form ****************************************/

#comments,
#trackback,
#respond {clear:both; margin:0 0 30px 0;}

#trackback {display:none;}

#content .form { clear:both; display:block;}
#content .field { padding:0; margin: 0 0 30px 0; display:block; clear:both; font-size: 1.3em;}
#content .field p { margin:0; padding:0; font-size:1.0em; margin-bottom:5px;}
#content .field p label em {color:#f06;}

#content .field input.text,
#content .field input.trackback,
#content .field select.text,
#content .field textarea.text {background-color:#000; width:300px; border:1px solid #333; padding:5px; color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#content .field input.trackback {width:480px;}
#content .field textarea.text {width:480px; height: 80px; overflow:auto;}



#content .field input.submit:hover {
	color: #f06;
	background-color:#fff;
	cursor: pointer;
}

#content .field input.submit {width:99%;}

#content .click {margin:0; padding:0; line-height:1; clear:both; display:block;}

#content .click a,
#content .field input.submit {
	background:#f06;
	color:#fff;
	display:block;
	padding: 10px;
	margin-bottom: 30px;
	text-align:center;/*
	border:2px solid #f06;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(204,0,102)),
    color-stop(0.5, rgb(255,0,102)),
    color-stop(1, rgb(255,0,102))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(204,0,102) 0%,
    rgb(255,0,102) 50%,
    rgb(255,0,102) 100%
);*/
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#content .click a:hover {background:#fff; color:#f06;}

/************************************************/

.wp-pagenavi {
text-align:center;
margin-bottom:30px;
font-size:1.2em;
clear:both;
display:block;
}

.wp-pagenavi .pages {display:none;}

.wp-pagenavi a {
	padding:5px 10px; 
	margin:5px;
	border:1px solid #333;
	background-color:#191919;
	line-height:1;
	color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.wp-pagenavi a:hover {
background-color:#333;
color:#fff;
}
.wp-pagenavi a:active {
}

.wp-pagenavi span.current {
	padding:5px 10px; 
	margin:5px;
	border:1px solid #f06;
	background-color:#f06;
	color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.wp-pagenavi span.extend {display:none;}

/* end                                          */
/************************************************/
/************************************************/