@charset "utf-8";

/*   
Theme Name:050050
Theme URI:
Description:050050.jp
Author:
Author URI:http://www.050050.jp
Version:1.0
*/

/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	color: #666;
}

a img {
	border: none;
}

a, a:visited {
	color: #0088cc;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #e67474;
	text-decoration: underline;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 160%;
}

ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 0%;
}

li {
	margin: 0;
	padding: 0;
	line-height: normal;
}

ol {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

* html ol {
	margin: 0 0 1em 23px;
	padding: 0;
}

ol li {
	padding: 0 0 5px 0;
}

form,table,input,textarea,dl,dt,dd {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border: 0;
	margin: 0 0 1em 0;
}

/* block quote */
blockquote { margin:0 0 1em 0; padding:15px 15px 2px; background:#ecfbf6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #8ffad4; }
blockquote:before {  font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; top:20px; left:20px; color:#999; }
blockquote:after {  font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; bottom:20px; right:20px; color:#999; }

pre {
	border: 1px solid #444;
	background: #222;
	padding: 10px 20px;
	font-size: 11px;
}

#index {
	background: #222734 url(img/bg_index.gif) repeat-x left top;
}

body {
	background: #222734 url(img/bg_other.gif) repeat-x left top;
}

/* add 11/08/13 */
#allwrap {
margin: auto auto;
padding: 0 0px;
width: 1112px;
}

#right {
width: 72px;
margin: 0px;
float: right;
}

#menu {
    position: relative;
    width: 72px;
    padding: 0px;
}

/* add_end */

#wrapper {
	width: 970px;
	margin: 0 auto;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}

/* ----- index -------------------------------------------------------------------------------------------------------------------------------- */

#header_index {
	height: 578px;
}

#header_top {
	height: 95px;
	position: relative;
}

h1 {
	position: absolute;
	top: 10px;
	left: 15px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
}

#logo {
	position: absolute;
	top: 50px;
	left: 20px;
}

#header_tel {
	position: absolute;
	top: 48px;
	right: 20px;
}

#header_menu {
	margin: 0;
	padding: 0;
	height: 52px;
}

#header_menu li {
	display: inline;
	float: left;
	line-height: 50px;
	margin: 0;
	padding: 0;
}

#header_menu li a {
	display: block;
	padding: 0 18px;
	color: #fff;
	font-size: 14px;
}

#header_menu li a:hover,#header_menu li.current_page_item a {
	text-shadow: #fdffe4 0 0 10px;
	text-decoration: none;
}

#header_middle_index {
	position: relative;
	width: 940px;
	height: 341px;
	margin: 7px auto 0;
	background: url(img/index_eyecatch.jpg) no-repeat left top;
}

* html #header_middle_index {
	height: 338px;
}

#index_button {
	position: absolute;
	top: 40px;
	right: 20px;
	margin: 0;
	padding: 0;
}

#index_button li {
	margin: 0 0 20px 0;
}

#index_topics {
	position: absolute;
	top: 228px;
	left: 0;
	margin: 0;
	padding: 0;
}

#index_topics li {
	display: inline;
	float: left;
}

#index_left_col {
	float: left;
}

#index_contents {
	padding: 30px 11px 90px 11px;
	position: relative;
}

#index_news {
	width: 623px;
	background: url(img/index_news_top.gif) no-repeat left top;
}

#index_news h2 {
	margin: 10px 0 7px 10px;
	padding: 0;
	width: 118px;
	height: 20px;
	float: left;
	display: inline;
}

#more_news {
	margin: 10px 10px 0 0;
	padding: 0;
	width: 33px;
	height: 20px;
	float: right;
	display: inline;
}

#index_news ul {
	clear: both;
	margin: 0;
	padding: 0 0 0 0;
	background: #fff url(img/index_news_bottom.gif) no-repeat left bottom;
}

#index_news li {
	padding: 15px 15px;
	border-top: 1px solid #ccc;
}

#index_news li span {
	margin: 0 10px 0 0;
}

#index_news li a {
	background: #fff url(img/index_news_icon.gif) no-repeat left top;
	padding: 0 0 0 80px;
}

#index_other_topics_wrapper {
	margin: 30px 0 0 0;
	width: 623px;
	background: url(img/index_other_bottom.gif) no-repeat left bottom;
}

#index_other_topics {
	padding: 10px 20px 20px;
	background: #fff url(img/index_other_top.gif) no-repeat left top;
}

#index_other_topics h2 {
	background: url(img/headline_icon2.gif) no-repeat left top;
	padding: 4px 0 8px 40px;
	margin: 1em 0 1em;
	font-size: 18px;
	font-weight: normal;
}

#index_other_topics li {
	background: url(img/arrow1.gif) no-repeat left top;
	padding: 2px 0 2px 24px;
	margin: 0 0 1em 0;
}

#right_col {
	width: 314px;
	height: 845px;
	float: right;
	display: inline;
	background: #fff url(img/right_col.jpg) no-repeat left top;
}

#right_col ul {
	margin: 15px 0 0 15px;
}

#right_col li {
	margin: 0 0 10px 0;
}

#return_top {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 135px;
	height: 15px;
}

/* ----- コラム・タグ等のアーカイブページ ----------------------------------------------------------------------------------------------------- */

#header_middle {
	position: relative;
	width: 970px;
	height: 115px;
	margin: 0 auto;
}

* html #header_middle {
	height: 111px;
}

#topics {
	position: absolute;
	margin: 0;
	padding: 0;
}

* html #topics {
	position: absolute;
	top: -3px;
	margin: 0;
	padding: 0;
}

#topics li {
	display: inline;
	float: left;
}

#contents {
	padding: 0 11px 190px 11px;
	position: relative;
}

#archive {
	width: 623px;
	float: left;
}

#archive h2 {
	margin: 12px 0 0 15px;
	padding: 11px 0 11px 55px;
	font-size: 25px;
	font-weight: normal;
	color: #000;
	line-height: 100%;
	display: block;
	background: url(img/headline_icon1.gif) no-repeat left top;
}

.post {
	width: 606px;
	background: #fff url(img/content_top.gif) no-repeat left top;
	margin: 50px 0 0 15px;
	padding: 20px 0;
}
/*
.post h3 {
	background: url(img/headline_icon2.gif) no-repeat left top;
	padding: 4px 0 8px 40px;
	margin: 1em 0 1em;
	font-size: 18px;
	font-weight: normal;
	margin: 0 50px 20px 35px;
}*/

.post h3 {
	background:url(img/midashi050.png) no-repeat;
	line-height:34px;
	height:34px;
	text-indent:40px;
	margin: 0 0 20px 12px;
	font-size: 18px;
	font-weight: normal;
}

.post_content {
	margin: 0 50px 100px 50px;
}

.post_meta {
	width: 606px;
	background: #fff url(img/content_bottom.gif) no-repeat left bottom;
	margin: 0 0 0 15px;
	padding: 0 0 30px 0;
}

.post_meta ul {
	background: #dfdfdf;
	margin: 0 50px;
	padding: 5px 20px;
}

.post_meta li a {
	text-decoration: underline;
	color: #666;
}

.post_tag {
	background: url(img/arrow_tag.gif) no-repeat left 6px;
	padding: 4px 0 4px 70px;
}

.post_category {
	background: url(img/arrow_category.gif) no-repeat left 6px;
	padding: 4px 0 4px 70px;
}

#contents #right_col {
	margin: 100px 0 0 0;
}

#newer a {
	float: left;
	display: inline;
	margin: 15px 0 0 15px;
}

#older a {
	float: right;
	display: inline;
	margin: 15px 0 0 0;
}

/*ニュース・アーカイブページ*/

#news {
	width: 623px;
	float: left;
}

#news h2 {
	margin: 22px 0 0 15px;
	padding: 0;
	display: block;
	height: 29px;
}

#news_archives {
	width: 606px;
	margin: 50px 0 0 15px;
	background: url(img/news_archives_top.gif) no-repeat left top;
}

#news_archives h3 {
	margin: 0 0 0 10px;
	padding: 10px 0 6px;
	width: 118px;
	height: 20px;
	display: block;
}

#news_archives ul {
	margin: 0;
	padding: 0 0 0 0;
	background: #fff url(img/content_bottom.gif) no-repeat left bottom;
}

#news_archives li {
	padding: 15px 15px;
	border-top: 1px solid #ccc;
}

#news_archives li span {
	margin: 0 10px 0 0;
}

#news_archives li a {
	padding: 0 0 0 0;
}

/*シングル*/

#single_info {
	padding: 0 30px 0 32px;
}

#single_title {
	border-left: 7px solid #000;
	padding: 3px 0 3px 10px;
	font-size: 18px;
}

#single_date {
	border-left: 7px solid #666;
	padding: 3px 0 3px 10px;
}

#back {
	width: 606px;
	background: #fff url(img/content_bottom.gif) no-repeat left bottom;
	margin: 0 0 0 15px;
	padding: 0 0 30px 0;
}

#back a {
	margin: 0 0 0 50px;
}

#back2 {
	display: block;
	padding: 30px 0 0 0;
	margin: 0 0 0 50px;
}

/* ----- ページ -------------------------------------------------------------------------------------------------------------------------------- */

.page {
	width: 623px;
	float: left;
}

.page h2 {
	margin: 12px 0 0 15px;
	padding: 11px 0 11px 55px;
	font-size: 25px;
	font-weight: normal;
	color: #000;
	line-height: 100%;
	display: block;
	background: #fff url(img/headline_icon1.gif) no-repeat left top;
}

.page_post {
	width: 606px;
	background: #fff url(img/content_bottom.gif) no-repeat left bottom;
	margin: 50px 0 0 15px;
}

.page_post_content {
	width: 537px;
	background: url(img/content_top.gif) no-repeat left top;
	margin: 0;
	padding: 1px 40px 100px 34px;
}

.page .page_post_content h3 {
	margin: 40px 0 5px 0;
	background: url(http://050050.jp/wp-content/uploads/menu_bar_b.png) no-repeat left top;
	padding: 3px 0 8px 40px;
	margin: 1em 0 0em;
	font-size: 18px;
	font-weight: normal;
}



.page .page_post_content ul {
	margin: 10px 0 1em 0;
}

.page .page_post_content li {
	background: #fff url(img/arrow1.gif) no-repeat left top;
	padding: 2px 0 2px 24px;
	margin: 0 20px 15px 20px;
}

.page .page_post_content table {
	margin: 0 0 1em 20px;
}

#page2 .page_post {
	width: 606px;
	background: #fff url(img/content_bottom.gif) no-repeat left bottom;
	margin: 50px 0 0 15px;
}

#page2 .page_post_content {
	background: url(img/content_top.gif) no-repeat left top;
	margin: 0;
	padding: 1px 40px 100px 25px;
}

#page2 .page_post_content h3 {
	margin: 40px 0 5px 0;
	background: url(img/headline_icon2.gif) no-repeat left top;
	padding: 4px 0 8px 40px;
	margin: 1em 0 1em;
	font-size: 18px;
	font-weight: normal;
}

#page2 .page_post_content p {
	margin: 0 0 1em 20px;
}

#page3 .page_post3 {
	width: 606px;
	margin: 30px 0 0 15px;
	padding: 1px 0 0 0;
}

#page3 .page_post_content3 {
	margin: 0;
}

#page3 .page_post_content3 h3 {
	margin: 0;
	background: url(img/content_top2.gif) no-repeat left top;
	padding: 24px 25px 15px;
}

#page3 .page_post_content3 h3 span {
	background: url(img/headline_icon2.gif) no-repeat left top;
	padding: 4px 0 8px 40px;
	margin: 1em 0 1em;
	font-size: 18px;
	font-weight: normal;
}

.box {
	width: 516px;
	background: #fff url(img/content_bottom2.gif) no-repeat left bottom;
	padding: 0 45px 15px 45px;
	margin: 0 0 30px 0;
}

.box td, .box th, .page .page_post_content td, .page .page_post_content th,.post_content td, .post_content th {
	background: #ebebeb;
	border: 1px solid #888;
	padding: 10px 30px;
	text-align: center;
}

.box th, .page .page_post_content th, .post_content th {
	font-weight: normal;
	padding: 12px 30px 10px;
	background: #ddd;
}

.box table {
	margin: 0 0 15px 0;
}

/* ----- フッター ------------------------------------------------------------------------------------------------------------------------------ */

#footer_wrapper {
	margin: 0;
	background: #e0666d url(img/footer_bg.gif) repeat-x left top;
}

#footer_wrapper_g {
	margin: 0;
	background: #e0666d url(img/footer_bg_g.gif) repeat-x left top;
}

#footer_wrapper_g01 {
	margin: 0;
	background: #212633 url(img/footer_bg_02.gif) repeat-x left top;
}

#footer {
	width: 970px;
	height: 150px;
	margin: 0 auto;
	padding: 17px 0 0 0;
	position: relative;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	color: #fff;
}

#footer li {
	display: inline;
	float: left;
	border-left: 1px solid #fff;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
}

#footer li.first_child, #footer_menu4 li {
	border: none;
}

#footer a, #footer a:visited {
	color: #fff;
}

#footer_menu3 {
	position: absolute;
	top: 81px;
}

#footer_menu4 {
	position: absolute;
	top: 120px;
}

#footer p {
	position: absolute;
	top: 115px;
	right: 15px;
}

/* ---------- clearfix hack ---------- */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

/* exlude MacIE5 \*/

* html .cf {
	height: 1%
}

.cf {
	display: block;
}

/* end MacIE5 */

#top_fl {
	width: 700px;
	height: 220px;
}