@charset "utf-8";
/*
Theme Name: theme029
Description: theme029
Version: 1.0
Author: o2 Group
Tags: simple

o2 Group v1.0
This theme was designed and built by o2 Group,
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

* { margin: 0; padding: 0;}

body { font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color: #000; background: #FFF url(images/bg.jpg) no-repeat center top;}

a { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: underline;}
a:active, a:focus { outline: 0;}

.clear { clear: both;}
table { border-collapse: collapse;}
img { border: none;}
hr { display: none;}

/*************
全体
*************/
#wrapper { margin: 0 auto; padding: 0 20px; width: 910px;}

.pageTop { clear: both; margin: 30px;}
.pageTop p { text-align: right;}
.pageTop a:hover { text-decoration: underline;}

#ftrTxt { margin-bottom: 20px; text-align: center;}
#ftrTxt a, #ftrTxt a:visited, #ftrTxt a:hover { text-decoration: none;}


/*************
/* ヘッダー
*************/
#header {
/**background: url(images/header.png) no-repeat 100% 0;
height: 80px;**/
}

#header h1 { padding: 4px 0 10px; font-weight: normal; color: #FFFFFF;    /***********　←　ここで文字色変更可能　***********/

/************************************要望1**********************************************/
width:626px;
font-size: 10px;
letter-spacing: -0.05em;
line-height: 1.2;
}


/************************************要望3**********************************************/
#header_btn {
	float:right;
	margin:0;
	padding: 29px 0 5px;
	width:680px;
	height:30px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#header_btn { padding: 15px 0 5px;}
}

#header_btn li {
	background:url(images/header_btn_bg.jpg) repeat-x 0 0;
	float:right;
	height: 30px;
	list-style:none;
	margin:0 8px;
	padding: 5px 5px 0;
	vertical-align: middle;
}

#header_btn li a,
#header_btn li a:hover {
	color: #C00;
}
#header_btn li a:hover {
	color: #3F3BC6;
	text-decoration: none;
}


/************************************要望2**********************************************/
#hdr { position: relative;}

#hdr #headerlink_right li{
display:inline;
float:right;
margin-left:20px;
margin-top:3px;
list-style-type:none;
list-style-image:none;;
list-style-position:outside;
font-size:11px;
}

#hdr #headerlink_right li a{
     color:#FFFFFF;    /*********************　←　ここで文字色変更可能　*********************/
	 }

#hdr #headerlink_right li a:hover{
     color:#FFFFFF;    /*********************　←　ここで文字色変更可能　*********************/
	 }


#hdr #headerlink_right{
position:absolute;
top:5px;
right:10px;
}




/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
color:#FFF;
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}

#tweetArea {
	margin: 10px 0 0 21px;
	width: 229px;
}
#tweetArea h3 {
	background-color: #E85281;
	background-image: none !important;
}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
/**padding: 30px 0;**/
display: inline;
}

#main .topimg{
     margin-bottom:10px;
	 }


#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
margin: 10px 0;
padding: 0 10px 0px 30px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #000000;
background: url(images/heading.jpg) no-repeat;
}

#main h3 {
font-size: 14px;
line-height: 30px;
background: url(images/h3.jpg) no-repeat ;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 20px;
letter-spacing: 0.2em;
color: #000000;
}


/************************************要望5**********************************************/

/**　右ブロック　**/
#main  #osirase{
     float:right;
	 width:309px;
	 }

#main  #osirase h3 {
font-size: 12px;
line-height: 30px;
background: url(images/h3_right.jpg) no-repeat ;/*********************　←　ここで背景画像　変更可能　*********************/
padding-left:-15px;
/**padding-bottom: 10px;
margin-top: 20px;**/
letter-spacing: 0.2em;
color: #000000;
}

#main #osirase ul{
     width:280px;
     }

#main #osirase ul li{
	 list-style:none;
     }

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

#main #osirase p{
     font-size:10px;
}


#main #osirase #thumbnailimg{
     float:left;
	 margin-right:10px;
	 }

#main #osirase #short_contents{
     float:left;
	 margin-left:5px;
	 font-size:11px;
	 width:180px;
	 }



/**　左ブロック　**/
#main #osirase2{
     float:right;
     width:309px;
	 }
	 
#main #osirase2 h3 {
font-size: 12px;
line-height: 30px;
background: url(images/h3_left.jpg) no-repeat ;/*********************　←　ここで背景画像　変更可能　*********************/
padding-left:-15px;
/**padding-bottom: 10px;
margin-top: 10px;**/
letter-spacing: 0.2em;
color: #000000;
}

#main #osirase2 ul{
     width:280px;
     }

#main #osirase2 ul li{
	 list-style:none;
     }

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

#main #osirase2 p{
     font-size:10px;
}


#main #osirase2 #thumbnailimg{
     float:left;
	 margin-right:10px;
	 }

#main #osirase2 #short_contents{
     float:left;
	 margin-left:5px;
	 font-size:11px;
	 width:180px;
	 }

#main p {
padding: 5px 15px 15px 0px;
}


/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
}


p.button a{
width:195px;
height:32px;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
display:block;
/**margin: 0 -20px;**/
color:#000000;
}


p.button a:hover{
     cursor:pointer;
     background-position: 0 -32px;
     color:#000000;
	 }


/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
/*height:1000px;*/
padding: 0 0 20px;
background:#FFFFFF url(images/sidebar_bg.jpg) repeat;
margin-bottom:10px;
}

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

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 33px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #000000;
background: #000000 url(images/heading2.png) no-repeat;
}

#sidebar ul { margin-left: 5px; padding: 10px 10px;}

#sidebar li { width: 230px; height: 37px; margin: 0 20px 0 5px; list-style: none; background: url(images/submenu_bg.jpg) no-repeat 0 0; text-align: left;}
#sidebar li a {
color: #FFF;
display: block;
width: 225px;
height: 37px;
line-height: 37px;
padding-left:5px;
}

/************************************要望4**********************************************/
#sidebar li a:hover{
/**background-position: 3px 50%;**/
/**background-color:#FFE8FF;/*********************　←　ここで背景色　変更可能　*********************/
background:url(images/submenu_bg2.jpg);
/*********************　←　ここで背景画像　変更可能　*********************/
}


/************************************要望7,8**********************************************/

/*************
/* フッター
*************/
#footer { clear: both; border-top: 1px solid #7E000A;

height: 340px;
background: url(images/footer_bg.jpg) no-repeat center top #C60C1B;
/*********************　↑　ここで背景色　変更可能　*********************/
display: block;
}

#footer .inner{
overflow: hidden;
margin: 0 auto;
padding: 0 20px;
width: 910px;
height:330px;
/*background-image:url(images/footer_bg.jpg);*/
/*********************　↑　ここで背景画像　変更可能　*********************/
display:block;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

#footer #gaiyou{
padding: 10px 0 5px;
width: 220px;
color:#FFFFFF;  /*********************　←　ここで会社概要の文字色　変更可能　*********************/
font-size:12px;  /*********************　←　ここで会社概要の文字の大きさ　変更可能　*********************/
}

#footer #box_wrapper{
     margin-left:150px;
	 float:right;
	 }

#footer #box_wrapper li{
	 list-style:none;
	 font-size:12px;
	 }

#footer #box_wrapper li a{
	 color:#FFFFFF;
	 }

#footer #box_wrapper li a:hover{
	 color:#FFFFFF;
	 text-decoration:underline;
	 }
	 

#footer address{
padding: 100px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
color:#FFFFFF;  /*********************　←　ここで「コピーライトの文字の色」　変更可能　*********************/
}

/* ---------------------------------------------------------------------
Widget：[メイン]新着記事一覧
--------------------------------------------------------------------- */
#top-news {
	margin-bottom:20px;
}

#top-news h3 {
	margin: 0;
	background: url('images/list2.png') no-repeat left top;
	_height:1px;
	padding:5px 10px 0 10px;
	font-size:115% !important;
	font-size:110%;
	font-weight:bold;
}

#top-news .news {
	padding:2px 10px 2px 3px;
}

#top-news .day {
	float: left;
	width: 80px;
	margin-left:20px;
	padding: 0 0 0 30px;
	background: url('images/list2.png') no-repeat 0 center;
	font-size:100% !important;
	font-size:110%;
}

#top-news .title {
	float: right;
	padding-left:7px;
	width: 450px;
}


#top-news .news_sentence{
     padding-left:50px;
	 font-size:11px;
}

/* ---------------------------------------------------------------------
Widget：[メイン]トップ表示記事
--------------------------------------------------------------------- */
.top-entry-content {
	margin-bottom:20px;
}

.top-entry-content h3.title {
	margin: 0;
	padding:5px 10px 0 10px;
	font-size:115% !important;
	font-size:110%;
	font-weight:bold;
	background: url('images/list.png') no-repeat left top;
}

.top-entry-content .content {
	padding:10px;
}

.top-entry-content .content img {
	background-color:#DCE2F3;
	padding: 3px;
}


/*
投稿
============================================================================================= */

.countdown {
	font-size: 15px;
	color: #999;
}

.time {
	margin: 10px 0 7px 2px;
}

.post h2 {
	margin: 0 0 3px 0;
	font-size: 1em;
}

#main .post { clear: both;}

.post img { float: left; margin: 0 10px 10px 0; border: 1px solid #666;}

#main .post p { margin: 0.5em 0 0 0; padding: 0; line-height: 1.5em;}
#main .post p a,
#main .post p a:visited,
#main .post p a:hover { color: #75BBEC;}

.page_title {
	font-size: 1em;
}

.page_title a {
	color: #555;
}

.post2 {
	margin: 0 0 5px 0;
	padding: 0 8px 0 2px;
}

.post2 p {
	margin: 0 0 .5em 0;
	padding: 0 1px;
	line-height: 1.8em;
}

.keyword {
	margin: 0 0 0 5px;
	font-size: .9em;
}

.rate {
	margin: 0 0 0 5px;
	font-size: .9em;
}
#main .mapTxt2 { margin: 5px 0 20px 25px;}


/* common/
============================================================================================= */

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

/* Hides from IE-mac \*/
* html .clr { height: 1%;}
.clr { display: block;}
/* End hide from IE-mac */

#main .photoUl { margin: 0 0 20px 13px; list-style: none;}
.photoUl li { float: left; margin-right: 10px;}

#main .btmUl { clear: both; width: 560px; margin: 0 auto; padding: 0; font-size: 14px; list-style: none;}
.btmUl li { text-align: center;}
.btmUl li span { color: #F00; font-weight: bold;}

.kawaDl { width: 400px; margin: 0 auto 30px;}
.kawaDl dt,
.kawaDl dd { padding-bottom: 10px; text-align: center;}

div.hoshu {
	background: url(images/p3/arrow.gif) 0 9px no-repeat;
	clear: left;
	display: block;
	float: right;
	font-weight: bold;
	margin: 0;
	padding: 5px 80px 0 20px;
	text-align: right;
}
#tenpo div.hoshu {
	float: none;
	text-align: left;
}
div.hoshu a {
	color: #00F;
	text-decoration: none;
}
div.hoshu a:hover {
	color: #00F;
	text-decoration: underline;
}
.hsp {
	width: 250px;
}


/* /
============================================================================================= */

#tt { margin: 20px 0 0 15px;}
#tt h3 { background: none;}

#main .indexBnrUl { clear: both; width: 610px; margin: 0 auto 20px; padding: 0; list-style: none;}
.indexBnrUl li { float: left;}

.astx {
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding: 10px 0 10px 1em;
	text-indent: -1em;
}


/* form/
============================================================================================= */
.formTb {
	margin: 0;
	padding: 0;
	width:600px;
}
.formTb th,
.formTb td {
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.formTb th {
	font-weight: bold;
	width: 17em;
}
.formTb th span {
	color: #F00;
	font-size: 12px;
	line-height: 1.2;
}
.formTb td span.formCap,
.formTb th span.formCap {
	color: #000;
	font-size: 80%;
}
.formTb td.formBtn {
	padding: 10px;
	text-align: center;
}


/* p1/
============================================================================================= */

#jisseki {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	width: 600px;
}

#jisseki h3 {
	background: url(https://www.seiwa-co.com/wp-content/themes/wpbasic/images/p1/mark.jpg) no-repeat 0 20px;
	border: none;
	clear: both;
	color: #8A1736;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.3;
	margin-top: 20px;
	padding: 20px 0 10px 24px;
}
#jisseki div.jissekiTxt {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 10px 10px 0;
}

#jisseki div.jissekiPic {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 10px;
	vertical-align: top;
	width: 186px;
}
#jisseki div.jissekiPic img {
	background: #FFF;
	border: 1px solid #8A1736;
	padding: 2px;
}

#jisseki div.jissekiAtc {
	display: block;
	float: right;
	padding: 10px;
	width: 380px;
} 
#jisseki div.jissekiAtc dl {
	border: none;
	width: 380px;
}
#jisseki div.jissekiAtc dt {
	clear: both;
	float: left;
	font-size: 13px;
	line-height: 1.4;
	margin: 2px 0;
	padding: 0 0 5px;
	vertical-align: middle;
	width: 5em;
}
#jisseki div.jissekiAtc dd {
	border-left: 1px solid #8A1736;
	font-size: 13px;
	line-height: 1.4;
	margin: 2px 0 2px 7em;
	padding: 2px 0 5px 10px;
	vertical-align: middle;
	width: 300px;
}

#jisseki p {
	font-size: 9px;
	padding: 1em 5px;
	vertical-align: middle;
}
#jisseki p.url {
	background: url(https://www.seiwa-co.com/wp-content/themes/wpbasic/images/p1/url.jpg) no-repeat 0 0;
	margin: 10px 0;
	padding: 5px 5px 5px 39px;
	vertical-align: middle;
}
#jisseki p img {
	margin-right: 10px;
}
#jisseki p a {
	color: #F90;
}


/* p2/
============================================================================================= */

#main .dejicSt { margin: 0 0 20px; padding: 0; text-align: center;}

#main .dejicP { margin: 0 0 20px; padding: 0; text-align: center;}

.dejicCoTxt1 { margin: 0 20px 20px 5px; width: 610px; height: 400px; background: url(images/p2/dejic_txt.jpg) no-repeat;}
#main .dejicCoTxt1 p { text-indent: -4444px;}


/* p3/
============================================================================================= */

#owner {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	width: 600px;
}

#owner p {
	padding: 0.5em 0;
}

#owner ul {
	list-style: none;
	margin: 0;
}
#owner ul li {
	background: url(images/p3/arrow.gif) 0 15px no-repeat;
	float: right;
	font-weight: bold;
	margin: 0 10px;
	padding: 10px 15px 0;
	text-align: right;
}
#owner ul li a {
	color: #00F;
	text-decoration: none;
}
#owner ul li a:hover {
	color: #00F;
	text-decoration: underline;
}

#owner dl {
	margin: 0;
}
#owner dt {
	background: url(images/p3/bg_top.jpg) no-repeat top #FFF;
	color: #C00;
	font-weight: bold;
	margin: 0;
	padding: 20px 25px 0 25px;
}
#owner dd {
	background: url(images/p3/bg_btm.jpg) no-repeat bottom #FFF;
	color: #000;
	line-height: 1.5;
	margin: 0;
	padding: 0 25px 20px;
}
#owner dd span {
	text-decoration: underline;
}
#owner dd strong {
	color: #000;
}


/* p4/
============================================================================================= */

.formAlert {
	color: #F00;
	font-size: 12px;
	line-height: 1.2;
}


/* p5/
============================================================================================= */

#tenpo {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	width: 600px;
}

#tenpo .buyTxtCo { margin: 0 15px 30px;}
#tenpo .buyTxtCo p { font-size: 14px; margin-bottom: 10px;}
#tenpo .buyTxtCo .wakuTxt { width: 534px; padding: 5px 10px; color: #339; font-weight: bold; border: 1px solid #039; background: #ECF5FF;}

#tenpo .flowCo { background: url(images/p5/handshake_p.jpg) no-repeat 210px 80px;}

#tenpo .buyDl { margin: 0 20px; font-size: 14px;}
#tenpo .buyDl dt { color: #333; font-weight: bold;}
#tenpo .buyDl dt.oneDt { padding-bottom: 60px; background: url(images/p5/arrow.jpg) no-repeat 90px 40px;}
#tenpo .buyDl dt.oneDt span { margin-left: 2em;}
#tenpo .buyDl dd { color: #339; padding: 0 0 60px 2em; background: url(images/p5/arrow.jpg) no-repeat 90px 25px;}

#tenpo .buyDl .medeTxt { margin-top: 10px; color: #F33; font-size: 16px; font-weight: bold;}
#tenpo .buyDl .urinushiTxt { margin: 10px 0 10px; font-size: 15px; font-weight: bold;}

#tenpo .buyDl .bn { background: none;}
#tenpo .buyDl .mb { margin-bottom: -20px;}


/* p6/
============================================================================================= */

.shopTb { width: 580px; margin: 0 auto 30px; font-size: 13px;}
.shopTb th,
.shopTb td { padding: 5px 10px; border: 1px solid #F66; font-weight: normal;}
.shopTb th { width: 120px; background: #FFFFF4;}

.mapCo { width: 578px; margin: 0 auto; border: 1px solid #F66;}
#main .mapCo p { margin: 0; padding: 0;}
#main .mapTxt { margin: 5px 0 30px 25px;}
.mapTxt a,
.mapTxt a:visited { color: #333;}


/* p7/
============================================================================================= */
#outline table { clear: both; width: 580px; margin: 20px auto;}
#outline table th { width: 120px; padding: 5px 0; vertical-align: top; background: #FFEDED; border: 1px solid #CCC;}
#outline table td { padding: 5px 10px 5px 10px; border: 1px solid #CCC;}

#outline table a { color: #333; text-decoration: none;}
#outline table a:visitd { color:#333;}
#outline table a:hover { color: #666; text-decoration: underline; background: #F2F2F2;}

#outline .mapCo { width: 578px; margin: 15px auto 0; border: 1px solid #999;}
#outline .mapTxt { margin: 0 0 20px 35px;}
#outline .mapTxt a { color: #333; text-decoration: none;}
#outline .mapTxt a:visited { color: #333;}
#outline .mapTxt a:hover { color: #666; text-decoration: underline; background: #F2F2F2;}

#outline dl {
	margin: 0;
}
#outline dt {
	background: url(images/p7/bg_top.jpg) no-repeat top #FFF;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 20px 25px 0 25px;
}
#outline dd {
	background: url(images/p7/bg_btm.jpg) no-repeat bottom #FFF;
	color: #333;
	line-height: 1.5;
	margin: 0;
	padding: 1em 38px 20px;
}
#outline dd .author {
	padding: 2em 0 0;
	text-align: right;
}