/*
Theme Name: Twenty Eleven
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

@charset "utf-8";

/* ////////////////////////////////////////////
 *                 RESET
 * //////////////////////////////////////////// */

/*
#C1DF45
*/

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#666;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:15px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{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%}

img{vertical-align: bottom;}
strong{font-weight: bold;background:#FDFF4F;}

/*
BASE & LAYOUT  */

/* clearfix
------------------------------------------*/
.clear{ clear: both; }
.clearfix{ zoom: 1; }
.clearfix:after{ content: ""; display: table; clear: both; }

/* base
------------------------------------------*/
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
    color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height: 1.6;
    font-size:14px;
}
a{ color: #0E75EF; text-decoration: none; }
#main a { text-decoration: underline; }
a:hover{ color: #DF8B8E; text-decoration: underline; }
a:hover.alpha img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.alpha input:hover{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

*{ outline: none; }


/**
header **/

#header {
	width:100%;
	border-bottom:4px solid #cccccc;
	background:#fff url("images/header-bg.jpg") no-repeat center 0;
	color:#FFFFFF;
	text-align:center;
}
#header-inner {
	width:920px;
	height:310px;
	margin:0 auto;
	position:relative;
}
#site-title {
	position:absolute;
	top:49px;
	left:129px;
	background:url("images/sitetitle-bg.png") no-repeat center 0;
	width:485px;
	height:169px;
	font-size:32px;
	font-weight:bold;
	line-height:1.2;
	padding:30px 90px;
}
#site-title a {
	color:#FFFB3B;
}
#site-description {
	position:absolute;
	top:170px;
	left:129px;
	width:485px;
	font-size:16px;
	padding:0 90px;
}
#site-date {
	color:#333333;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	font-size:22px;
	width:115px;
	padding-top:15px;
	height:86px;
	background:url("images/date-bg.png") no-repeat center 0;
	line-height:1.2;
}

/**
main **/
#main{
	width:100%;
	background:#FAFAFA url("images/main-bg.jpg") repeat-y center 0;
}
#main-inner{
	width:880px;
	margin:0 auto;
	padding:15px 20px;
}

#content{
}
#footer-link {
	width:820px;
	margin:60px auto 100px auto;
	border:5px solid #F3F1E6;
	background:#FBFBF9;
	padding:15px;
}
#footer-link h2 {
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}
#footer-link ul {
	padding-left:10px;
}
#footer-link li {
	background:url("images/index-li-bg.jpg") no-repeat 0 50%;
	padding:5px 15px;
}
#footer {
	background:#000 url("images/footer-bg.jpg") no-repeat center 0;
	border-top:4px solid #cccccc;
	width:100%;
	text-align:center;
	height:87px;
	line-height:87px;
	color:#fff;
}
#content h1 {
	font-size:200%;
	font-weight:bold;
	margin-bottom:30px;
	color:#C1DF45;
}
.post-title {
	font-size:19px;
	text-indent:50px;
	font-weight:bold;
	background:url("images/h2-bg.jpg") no-repeat 0 0;
	height:60px;
	line-height:60px;
}
.post-body {
	padding:15px 20px;
}
.choice-point {
	border:2px solid #ccc;
	background:#f9f9f9;
	padding:28px;
	overflow:hidden;
}
.choice-point li {
	float:left;
	background:url("images/choice-point-bg.jpg") no-repeat 0 50%;
	width:390px;
	text-indent:25px;
	line-height:2;
}
#contents-point {
	background:#F8F7EE;
	border:#F3F1E6 solid 1px;
	padding:32px;
	overflow:hidden;
	margin-bottom:86px;
}
#contents-point-headline {
	background:url("images/point-bg.jpg") no-repeat 14px 0;
	padding-left:127px;
	min-height:129px;
}
#contents-point-headline h2{
	font-size:27px;
	line-height:1;
	padding-top:15px;
}
#contents-point-headline p{
	font-size:17px;
	line-height:1;
}
#contents-point ul {
	width:834px;
	margin-right:-25px;
}
#contents-point li {
	width:392px;
	float:left;
	margin:0 25px 10px 0;
}
#contents-point h3 {
	width:286px;
	height:78px;
	font-size:24px;
	padding:16px 80px 0 28px;
	line-height:1.2;
	margin-bottom:5px;
}
#point01 h3 { background:url("images/point-bg01.jpg") no-repeat 0 0; }
#point02 h3 { background:url("images/point-bg02.jpg") no-repeat 0 0; }
#point03 h3 { background:url("images/point-bg03.jpg") no-repeat 0 0; }
#point04 h3 { background:url("images/point-bg04.jpg") no-repeat 0 0; }

#contents-review {
	text-align:center;
	overflow:hidden;
}
#contents-review h2 {
	font-weight:bold;
	font-size:34px;
	line-height:1;
}
#contents-review h2 img {
	vertical-align:middle;
}
#contents-review ul {
	width:896px;
	margin-right:-18px;
}
#contents-review li {
	width:380px;
	border:5px solid #F6F6F6;
	padding:20px;
	margin:0 18px 27px 0;
	float:left;
	text-align:left;
}
.outbound {
	width:840px;
	height:100px;
	background:url("images/outbound-bg.jpg") no-repeat 0 0;
	text-align:center;
	line-height:100px;
	font-size:30px;
	margin:40px auto;
}
.outbound a {
	color:#333;
	display:block;
}

.index-ranking-title{
	width:880px;
	height:180px;
	margin-bottom:28px;
	position:relative;
}
.index-ranking-title * {
	line-height:1;
	font-weight:bold;
}
.rank1 .index-ranking-title {background:url("images/index-rank1.jpg") no-repeat 0 0;}
.rank2 .index-ranking-title {background:url("images/index-rank2.jpg") no-repeat 0 0;}
.rank3 .index-ranking-title {background:url("images/index-rank3.jpg") no-repeat 0 0;}
.rank4 .index-ranking-title {background:url("images/index-rank4.jpg") no-repeat 0 0;}
.rank5 .index-ranking-title {background:url("images/index-rank5.jpg") no-repeat 0 0;}

.index-ranking-title p{
	position:absolute;
	top:58px;
	left:217px;
	font-size:20px;
	color:#C62D06;
}
.index-ranking-title h2{
	position:absolute;
	top:89px;
	left:217px;
	font-size:34px;
}
.index-ranking-title h2 a {
	color:#333;
}
.index-ranking-body {
	overflow:hidden;
	margin-bottom:65px;
}
.index-ranking-left {
	width:320px;
	float:left;
}
.index-ranking-right {
	width:530px;
	float:right;
}
.index-ranking-left-info {
	margin-bottom:20px;
}
.index-ranking-left-info th {
	width:45px;
}
.index-ranking-left-info th,
.index-ranking-left-info td {
	font-size:80%;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	vertical-align:top;
}
.index-ranking-left-price h3 {
	font-weight:bold;
	font-size:120%;
	margin-bottom:5px;
}
.index-ranking-left-price div {
	font-size:90%;
}

.index-ranking-right h3 {
	margin-bottom:20px;
	height:34px;
	line-height:37px;
	background:url("images/index-rank-h.jpg") no-repeat 0 0;
	text-indent:34px;
	font-weight:bold;
}
.index-ranking-right-point div {
	padding:0 15px;
	margin-bottom:20px;
}
.index-ranking-right-review ul {
	padding-left:10px;
}
.index-ranking-right-review li {
	padding-left:60px;
	margin-bottom:20px;
	overflow:hidden;
}
.index-ranking-right-review li.female {background:url("images/index-review-female.jpg") no-repeat 0 0;}
.index-ranking-right-review li.male {background:url("images/index-review-male.jpg") no-repeat 0 0;}

.index-ranking-right-service div {
	padding:0 10px;
}
.index-ranking-right-service ul {
	overflow:hidden;
}
.index-ranking-right-service li {
	float:left;
	width:47%;
	background:url("images/index-li-bg.jpg") no-repeat 0 5px;
	padding-left:3%;
}

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

/* lower */
#ranking {
	width:897px;
	margin:0 auto 10px auto;
	overflow:hidden;
}
.ranking-con {
	width:267px;
	float:left;
	margin-right:4px;
	border:1px solid #CCCCCC;
	background:#F9F9F9;
	padding:17px 13px;
}
.ranking-title{
	font-size:15px;
	font-weight:bold;
	padding:5px 0 0 60px;
	margin-bottom:15px;
	min-height:36px;
}
.rank1 .ranking-title { background:url("images/ranking-rank1.jpg") no-repeat 0 0; }
.rank2 .ranking-title { background:url("images/ranking-rank2.jpg") no-repeat 0 0; }
.rank3 .ranking-title { background:url("images/ranking-rank3.jpg") no-repeat 0 0; }

.ranking-body {
	overflow:hidden;
	margin-bottom:15px;
}
.ranking-body-left {
	float:left;
	width:120px;
}
.ranking-body-right {
	float:right;
	width:140px;
}
.ranking-body-right-title {
	font-size:13px;
}
.ranking-body-right-text {
	color:#CC0000;
	font-weight:bold;
}

#bread {
	font-size:80%;
	margin-bottom:10px;
}
#content-lower h1 {
	font-size:22px;
	text-indent:65px;
	font-weight:bold;
	background:url("images/lower-h1-bg.jpg") no-repeat 0 0;
	height:80px;
	line-height:90px;
	margin-bottom:15px;
}
#content-lower h2 {
	font-size:18px;
	text-indent:55px;
	font-weight:bold;
	background:url("images/lower-h2-bg.jpg") no-repeat 0 0;
	height:60px;
	line-height:60px;
	margin:9px 0;
}
#content-lower h3,
.post-body h3 {
	font-size:18px;
	text-indent:60px;
	font-weight:bold;
	background:url("images/lower-h3-bg.jpg") no-repeat 0 0;
	height:50px;
	line-height:50px;
	margin:9px 0;
}
#content-lower p {
	padding:5px 10px;
}
.lower-review li {
	border:5px solid #F6F6F6;
	padding:20px;
	margin-bottom:10px;
	text-align:left;
}
.info {
	width:90%;
	margin:0 auto;
}
.info td,
.info th {
	border:1px solid #ccc;
	padding:8px;
}
.info th {
	width:20%;
	background:#EFEFE5;
	font-weight:bold;
}


/* pagenate */
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}