@charset "utf-8";

/*
Theme Name: original
Theme URI: http://wordpress.org/
Description: Osouji-Channel original Theme
*/


/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
/*
77% = 10px	| 	123.1% = 16px	|	167% = 22px	
85% = 11px	|	131% = 17px	    |	174% = 23px
93% = 12px	|	138.5% = 18px	|	182% = 24px
100% = 13px	|	146.5% = 19px	|	189% = 25px
107% = 14px	|	153.9% = 20px	|	197% = 26px
114% = 15px	|	161.6% = 21px	|
*/
 
============================================================ */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}

a:link,
a:visited {
	color: #00A02E;
	text-decoration: underline;
}

a:hover,
a:active {
	text-decoration: none;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

table th {
	font-weight: normal;
	vertical-align: top;
	padding: 0.5em 0.5em;
	border: 1px solid #CCC;
}

table td {
	vertical-align: top;
	padding: 0.5em 0.5em;
	border: 1px solid #CCC;
}



/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	height: 256px;
	position: relative;
}

#header h1 {
	position: absolute;
	left: 0px;
	top: 16px;
}

#header p.cp {
	line-height: 1.6;
	position: absolute;
	left: 235px;
	top: 55px;
}

#header p.Qbtn {
	position: absolute;
	left: 820px;
	top: 37px;
}

#header #siteSearch {
	position: absolute;
	left: 268px;
	top: 160px;
}

#header #siteSearch input {
	color: #666;
	padding: 0.3em 0.5em;
}



/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 980px;
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 5.5em;
}

#pageTop {
	text-align: right;
	position: fixed;
	bottom: 50px;
	right: 20px;
	cursor: pointer;
}

a:hover img {
	filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}



/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: left;
	width: 690px;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}

/* TopicPath
---------------------------------------------*/
#topicPath {
	margin: 0 0 30px 0;
}

#topicPath li {
	font-size: 92%;
	display:inline;
	line-height:20px;
	list-style-type:none;
}

#topicPath li a {
	background:url(/qa/img/arrowtopic.gif) no-repeat right center;
	padding-right:10px;
}

#main ul li {
	background: #EEE;
	margin-bottom: 0;
	padding: 20px 19px;
	overflow: hidden;
	_zoom: 1;
}

#main ul li.even {
	background: #FFF;
}

#main ul li p {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
}

#main ul li dl {
	overflow: hidden;
	margin: 0;
}

#main ul li dt {
	font-size: 123.1%;
	line-height: 1.5;
	margin-bottom: 0.2em;
}

#main ul li dd {
	color: #666;
	font-size: 85%;
	overflow: hidden;
	margin: 0;
}

#main ul li dd a {
	text-decoration: none;
}

#main ul li dd a:hover {
	text-decoration: underline;
}

/* ページ送り
---------------------------------------------*/
div.wp-pagenavi {
    margin: 3em 0 0;
    color: #555;
    font-size: 93%;
    text-align: center;
    line-height: 2.8;
}

.wp-pagenavi a,
.wp-pagenavi a:link {
    padding: 0.5em 1em;
    margin: 0 2px;
    text-decoration: none;
    border: 1px solid #DBDBDB;
}

.wp-pagenavi a:hover {
    text-decoration: underline;
    background: #26B99D;
    border: 1px solid #DBDBDB;
    color: #FFF;
}

.wp-pagenavi a:active {
	background: #0C9E62;
    border: 1px solid #E94E71;
    color: #FFF;
}

.wp-pagenavi span.pages,
.wp-pagenavi span.current,
.wp-pagenavi span.extend {
    padding: 0.5em 1em;
    margin: 0 2px;
    border: 1px solid #ddd;
}

.wp-pagenavi span.current {
	color: #FFF;
	background: #00A02E;
    font-weight: bold;
}


/* エントリーページ
---------------------------------------------*/

#entryBody #main h2 {
	/* color: #06AC2E; */
	color: #333;
	font-size: 153.9%;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 0.5em;
	overflow: hidden;
}

#entryBody #main h2 img {
	margin-right: 15px;
	margin-top: 4px;
	float: left;
}

#main .entryBox {
	background: url(/qa/img/icn_q.gif) no-repeat 23px 15px;
	border: 5px solid #CCEAD0;
	margin-bottom: 2em;
	padding: 60px 1.5em 0 1.5em;
}

#main .entryBox p {
	margin-bottom: 2em;
}

#main p.date {
	color: #666;
	font-size: 85%;
}

.social_btn { 
	margin: 0 0 15px; 
	padding: 0px; 
	overflow: hidden;
	_zoom: 1;
}

.social_btn .twitter { 
	float: right; 
	margin: 0px 0px 0px 10px; 
	padding: 0px; 
	display: inline; 
	width: 95px; 
}

.social_btn .twitter iframe { 
	width: 95px !important; 
}

.social_btn .facebook { 
	float: right; 
	margin: 0px 0px 0px 10px; 
	padding: 0px; 
	display: inline; 
	width: 100px; 
	overflow: hidden;
}

.social_btn .google { 
	float: right; 
	margin: 0px 0px 0px 10px; 
	padding: 0px; 
	display: inline; 
	width: 70px; 
}

.social_btn .google #___plusone_0 { 
	width: 70px !important; 
}

#main .anser {
	background: url(/qa/img/icn_a.gif) no-repeat 23px 15px;
	border: 5px solid #CCEAD0;
	margin-bottom: 1em;
	padding: 55px 1.5em 0 1.5em;
}

#main .anser dt {
	margin-bottom: 0.5em;
}

#main .anser dd {
	margin-bottom: 1.5em;
}

#main .anser dt a {
	background: url(/qa/img/arrow.gif) no-repeat left center;
	padding-left: 15px;
}



/* ページナビ
---------------------------------------------*/
#main #pageNav {
	margin-bottom: 2em;
}

#main #pageNav li {
	padding: 0;
	overflow: inherit;
}

#main #pageNav li.odd {
	background: #FFF;
}

#main #pageNav li a {
	display: inline;
}

#main #pageNav li a {
	background: url(/user_data/packages/osouji/img/share/arrow_gray2.gif) no-repeat left center;
	padding-left: 18px;
}

#main h3.relate {
	font-weight: normal;
	margin-bottom: 0.5em;
}

#main ul#relate li {
	background: #EEE;
	margin-bottom: 0;
	padding: 10px 19px;
}

#main ul#relate li.even {
	background: #FFF;
}

#tagBody #main h2 {
	color: #444;
	font-size: 138.5%;
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 0.5em;
}

/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	float: right;
	width: 260px;
}

#sub p {
	margin-bottom: 0;
}

#sub #cate-menu {
	background: #FFF;
	margin: 0 0 25px;
	/padding-bottom: 4px;
	border: 1px solid #D1CFD0;
	-moz-border-radius: 3px;	/* firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	border-radius: 3px;			/* CSS3 */
	behavior: url(/css/ie-css3.htc);   /* IE */
}

#sub #cate-menu ul {
	margin: 5px auto;
}

#sub #cate-menu ul li {
	border-bottom: none;
}

#sub #cate-menu ul li ul {
	padding: 0;
	margin: 0;
}

#sub ul {
	background: url(/qa/img/cate_middle.gif) repeat-y;
	width: 248px;
	margin: 5px auto;
	padding: 0;
	border-bottom: 1px solid #E3E3E3;
}

#sub ul li {
	font-size: 92%;
	margin: 0;
	border-top: 1px solid #E3E3E3;
}

#sub ul li a {
	color: #333;
	background: url(/qa/img/arrow.gif) no-repeat 8px 13px;
	padding: 0.4em 0.5em 0.4em 1.7em;
	display: block;
	zoom: 1;
	text-decoration: none;
}

#sub ul li a:hover {
	display: block;
	background: #eee url(/qa/img/arrow.gif) no-repeat 8px 13px;
	text-decoration: underline;
}

#sub ul li a span {
	font-size: 85%;
}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	text-align: center;
	padding-top: 1em;
	border-top: 1px solid #D9D9D9;
}

#footer p {
	font-size: 77%;
	margin: 2em 0 3.5em;
}



/*----------------------------------------------------
	#formBody
		お問い合わせ
----------------------------------------------------*/

#formBody h2 {
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 1em;
}

#formBody #main {
	width: 850px;
	margin: 0 auto;
	float: none;
}

#formBody #main p span {
	color: #FF0000;
	font-weight: bold;
}

#formBody #main table {
	width: 100%;
}

#formBody #main table th {
	width: 22%;
}

#formBody #main table th span {
/*
	background: url(/inquiry/img/icn_must.gif) no-repeat right center;
	padding-right: 34px;
*/
}

#formBody #main input#inquiryformSubmit-1 {
	text-align: center;
	margin: 0 auto;
}


#inquiryBody #main table.send td {
	text-align: center;
	border: none;
}

#formBody #main button {
	cursor: pointer;
}




/*----------------------------------------------------
	#privacyBody
		プライバシーポリシー
----------------------------------------------------*/

#privacyBody #main .sec {
	width: 710px;
	margin: 0 auto;
	margin-bottom: 2em;
	overflow: hidden;
	_zoom: 1;
}

#privacyBody #main dl {
	margin-bottom: 4em;
}

#privacyBody #main dt {
	font-weight: bold;
	margin-bottom: 0.6em;
}

#privacyBody #main dd {
	margin: 0 0 2em 1em;
}