/*
Theme Name: Sample Theme
Theme URI:http://ypr.sakura.ne.jp/wordpress/
Description: SUIDOU KYUKYU CENTER 20130404
*/

body {
  //background-color:#e3e3e3;
  margin:0px;          /* ページ全体のmargin */
  padding:0px;         /* ページ全体のpadding */
  text-align:center;   /* 下記のautoに未対応用のセンタリング */
}



/****************************************
◆　全体
*****************************************/
/* コンテナ */
div#container {
  width:820px;
  background-color:#e3e3e3;
  //margin:left;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  text-align:left;     /* 中身を左側表示に戻す */
}

/* topページ用コンテナ */
div#topcontainer {
  width: 820px;
  /*height: 500px;*/
  background-color:#e3e3e3;
  /*margin:left;*/
  //margin:0;
  //padding:0;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  text-align:left;     /* 中身を左側表示に戻す */
}


/****************************************
◆　ヘッダー
*****************************************/

#header {
  padding: 0;
  width: 820px;
}

#logo img {
  border-style:none;
}

#logo {
  margin-top: 0px;
  width: 820px;
}

#header p#desc {
	background-color: #F0F0F0;
	color: #444444;
	font-size: 0.75em;
	margin: 0;
	padding: 3px 14px;
}



#page-visual {
	margin-top: 5px;
}


/************************
　メニュー　（背景画像化）
************************/

#menu-menu_suidou > li {
  border-right: 1px solid silver
}
#menu-menu_suidou > li:first-child {
  border-left: 1px solid silver
}


/* メニューを構成するul */
.menu { 
  clear: both;
  background-image: url(./images/navi.gif);
  background-repeat : no-repeat;
  overflow: hidden;
  list-style:none;
  padding: 0px 0px 0px 330px;
  margin-bottom: 5px;
}

/* メニュー */
.menu-item {
  height: 32px;
  float: left;
  text-align: center;
}
.menu-item a {
  color: gray;
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 32px;
  padding: 0 14px;
  //position: relative;
  text-decoration: none;
}

.current-menu-item a {
  background-position: 0 -32px;
  color: black;
}
.menu-item a:hover {
  background-position: 0 -32px;
  color: black;
}

div#header {
  margin-bottom: 0
}

/****************************************
◆　フッター
*****************************************/
/*コピーライト*/
#address {
  float: left;
  font-size:0.75em;
  font-style:normal;
  font-family:Verdana, sans-serif;
  margin:auto;
}

#address a {
  font-size:0.75em;
  font-style:normal;
  font-family:Verdana, sans-serif;
  color:#000000;
}

/*フッターメニュー*/
#footMenu ul {
  margin:0;
  padding:0 0 0 0;
  text-align:right;
}

#footMenu li {
  border-right: 1px solid silver;
  display: inline;
  list-style: none outside none;
}
#footMenu li:last-child {
  border-right: 0 none;
}

#footMenu li a {
   padding: 0 10px;
   font-size: 12px;
  color: black;
}

#footMenu {
  float: right;
}

div#footer {
  clear:both;
  width:820px;
  /*border-top:solid 3px #000000;*/
  padding:16px 0;
  background-color:#dcdcdc;
  overflow: hidden;
}


/************************
◆　トップ 固定ページ
************************/
/*左側*/
/*サービス案内*/
#topsub li {
  padding-left: 3px;
  margin-left: 3px;
  list-style-type: none;
}

#topsub ul {
  padding: 0;
  margin: 0;
}

#topsub img#toptel {
  margin-top:10px;
}

#topsub {
  width: 220px;
  float: left;
  font-size:0.7em;
  background-color: white;
  margin-left:10px;
}

/*右側*/
/*１～４画像*/
#topmain table {
  width: 550px;
  margin: 0;
  padding: 0;
}

#topmain tr {
  margin: 0;
  padding: 0;
}

#topmain td {
  margin: 0;
  padding: 0;
}

/*メッセージ*/
#topmain p {
  margin-top:0;
  width: 500px;
  padding: 20px 20px 20px 20px;
  color: black;
  font-size:0.75em;
  background-color: white;
}

/*画像*/
#topmain img#topmidashi {
  margin-top:10px;
}

/*メイン全体*/
#topmain {
  padding-right: 20px;
  float: right;
  background-color: #e3e3e3;
  margin:0;
}




/****************************************
◆　トップ以外の固定ページ
*****************************************/
/* 固定ページ全体 */
div#content {
  width: 820px;
  background-color:#e3e3e3;
  margin: 0;
}

/*****クーポン*****/
/*画像*/
div#coupon img {
  padding-left:10px;
  margin:0 auto;
}

/*文章*/
div#coupon p {
  width: 600px;
  background-color:white;
  font-size:0.85em;
  padding:10px;
  margin:0 auto;
}

div#coupon h2 {
  width: 600px;
  /*background-color:#a3d2f2;*/
  background-color:#bee4ed;
  font-size:0.875em;
  padding:10px;
  margin:10px auto;
}

/*クーポン全体*/
div#coupon {
  width: 800px;
  //height: 500px;
  font-size:0.85em;
  background-color: white;
  padding-top:10px;
  margin:0 auto;
}




/*****水まわりのリフォーム*****/
/*画像*/
div#reforminfo img.midashi {
  width: 702px;
  /*padding:10px;*/  
  padding: 10px 10px 10px 35px;
  margin:0 auto;
}
div#reforminfo img.reformmenu{
  width: 672px;
  padding: 0 0 10px 45px;
  margin:0 auto;
}
div#reform img {
  /*width: 780px;*/
  background-color:white;
  padding-left:10px;
  /*padding-left:10px;*/
  margin:0 auto;
}
/*文章*/
div#reform p {
  width: 680px;
  background-color:white;
  font-size:0.85em;
  padding:20px 0 10px 20px;
  margin:0 auto;
}
/*リフォーム全体*/
div#reform {
  width: 800px;
  font-size:0.85em;
  background-color: white;
  padding-top:10px;
  margin:0 auto;
}
div#reforminfo {
  width: 800px;
  background-color: white;
  padding-top:10px;
  margin:0 auto;
}


/*****メールはこちら*****/
div#contactinfo {
  width: 800px;
  //height: 550px;
  background-color: white;
  padding:10px 0 10px 0;
  margin:0 auto;
}

/*画像*/
div#contactinfo img {
  padding-left:10px;
  margin:0 auto;
}

/*文章*/
div#contactinfo p {
  /* width: 700px; */
  font-size:0.85em;
  padding-left:80px;
}

/* テーブル */
table.t4 {
  width: 700px;
  font-size:0.85em;
  padding-left:80px;
}
th {
  color: #1E86D2;
  width: 200px;
  text-align: left;
  vertical-align: top;
}
td {
  width: 500px;
}
tr {
  height: 30px;
}

/*****作業の流れ*****/
#nagare {
	margin: auto;
	width: 790px;
	background: white;
	padding: 10px 0 10px 10px;
}
#nagare .n_title {
	height: 64px;
	margin: 0 0 24px 0;
	padding: 0;
	background: url('./images/03_midashi01.gif') no-repeat;
}
#nagare .n_part {
	overflow: hidden;
	width: 740px;
	margin: auto;
	height: 130px;
	background: #e7f5ff;
}
#nagare .n_part .step {
	float:left;
	width: 104px;
	height: 130px;
	line-height: 130px;
	color: white;
	background: #0066cb;
	text-align: center;
	font-family: 'Arial Black';
	font-size: 16px;
}
#nagare .n_part .part_image {
	float:left;
	width: 213px;
	height: 130px;
}
#part_image1 {
	background: url('./images/03_step1_pho.gif') no-repeat 14px 8px;
}
#part_image2 {
	background: url('./images/03_step2_pho.gif') no-repeat 9px 8px;
}
#part_image4 {
	background: url('./images/03_step4_pho.jpg') no-repeat 9px 8px;
}
#part_image5 {
	background: url('./images/03_step5_pho.jpg') no-repeat 9px 8px;
}
#nagare > div.n_part > div.part_content {
	float:left;
	height: 130px;
	padding-left: 24px;
	font-size: 12px;
	width: 398px;
}
#nagare > div.n_part > div.part_content3 {
	width: 611px;
}
#nagare > div.n_part > div.part_content > p {
	margin: 10px 0 0 0;
	padding: 0 42px 0 0;
	line-height: 1.5em;
}
#nagare > div.n_part > div.part_content > p.part_content1 {
	margin: 0;
	line-height: 130px;;
}
#nagare > div.n_part > div.part_content > p.part_content5 {
	margin: 30px 0 44px 0;
}
#nagare > div.n_part > div.part_content3 > p {
	margin: 0;
	line-height: 130px;
	width: 358px;
	float: left;
}
#nagare > div.n_part > div.part_content > div.part_time2 {
	margin-top: 10px;
	height: 31px;
	background: url('./images/03_step2_time.gif') no-repeat 234px 0;
}
#nagare > div.n_part > div.part_content > div.part_time3 {
	height: 130px;
	background: url('./images/03_step3_time.gif') no-repeat 0px 92px;
	float:right;
	width: 159px;
	margin-right: 5px;
}
#nagare > div.n_part > div.part_content > div.part_time4 {
	margin-top: 10px;
	height: 31px;
	background: url('./images/03_step4_time.gif') no-repeat 234px 0;
}
#nagare > div.n_part > div.part_content > div.part_time5 {
	margin-top: 10px;
	height: 31px;
	background: url('./images/03_step5_time.gif') no-repeat 234px 0;
}
#nagare > div.n_next {
	margin: auto;
	width: 700px;
	height: 36px;
	background: url('./images/03_shita.gif') no-repeat 50% 7px;
}
#nagare > div.n_end {
	margin: auto;
	width: 700px;
	height: 60px;
	background: url('./images/03_steplast.gif') no-repeat 50% 0;
}
#nagare > div.n_end + div {
	margin: 5px auto;
	width: 700px;
	text-align: center;
	color: #0060d0;
	font-size: 14px;
	font-weight: bold;
}
#nagare > div.card {
	margin: 25px auto 0 auto;
	width: 700px;
	height: 120px;
	background: url('./images/03_card_bg.gif') no-repeat 50% 0;
	overflow: hidden;
}
#nagare > div.card > div.content {
	float:left;
	padding: 30px 0 0 40px;
	width: 360px;
}
#nagare > div.card > div.content > p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 13px;
}
#nagare > div.card > div.image {
	float:left;
	height: 120px;
	width: 280px;
	background: url('./images/03_card.gif') no-repeat 30px 30px;
}


/***********************************************************
blog関係のCSS
***********************************************************/
/************************
　記事
************************/
/*
div.post {
 border:solid 1px #0c8bcd;
 padding:15px;
 margin-bottom:20px}

div.post h2 {
 background-color:#a3d2f2;
 font-size:0.875em;
 padding:10px;
 margin:0}

div.post h2 a {
 text-decoration:none;
 color:#000000}

div.post p {
 font-size:0.875em;
 line-height:1.6
 margin-top:10px}

p.postinfo {
 color:#0c8bcd;
 text-align:right;
 margin:20px 0 0}

p.postinfo a{
 color:#0c8bcd}
*/

/* 記事内の画像 */
/*
.aligncenter {
 display:block;
 margin-left:auto;
 margin-right:auto} 

div.post img {
 border:none}

.alignleft {
 float:left;
 margin-right:10px;
 margin-bottom:10px} 

.alignright {
 float:right;
 margin-left:10px;
 margin-bottom:10px} 

.wp-caption {
 border:solid 1px #aaaaaa;
 text-align:center;
 padding-top:5px}
*/

/* ページリンク */
/*
span.oldpage {
 float:left}

span.newpage {
 float:right}

p.pagelink a {
 font-size:0.75em;
 color:#0c8bcd}

p.pagelink {
 overflow:hidden;
 width:100%} 
*/


/* コメント欄 */
/*
#comments {
 border:solid 1px #0c8bcd;
 padding:0 18px;
 margin:20px 0}

#comments h3 {
 font-size:0.75em;
 border-bottom:solid 1px #0c8bcd;
 padding-bottom:3px;
 margin-top:20px}

#comments p {
 font-size:0.75em}

#comments p a {
 color:#0c8bcd}

#comments input, #comments textarea {
 display:block} /*入力フィールドの前後に改行*/

#comments textarea {
 width:450px}

#comments .required {
 color:#ff0000}

#comments code {
 display:block;
 margin-top:5px;
 font-size:smaller}

#comments ul {
 margin:0;
 padding:0}

#comments li.compost {
 list-style-type:none;
 border-bottom:dotted 1px #0c8bcd;
 margin-bottom:20px}

#comments p.cominfo {
 text-align:right}

#comments #comfeed a {
 background-image:url(feed-icon-12x12.png);
 background-repeat:no-repeat;
 background-position:0 50%;
 padding-left:17px;
 line-height:1em;
 color:000000;
 text-decoration:none}

#comments #comfeed {
 background-color:#a3d2f2;
 padding:8px;
 margin-top:30px}

#comments #trurl {
 background-color:#a3d2f2;
 padding:8px;
 margin-bottom:30px}
*/


/************************
　サイドバー
************************/
div#sidebar {
  width:220px;
  float:right}

div#sidebar ul {
  margin:0;
  padding:0}

div#sidebar li {
  list-style-type:none;
  color:#ffffff;} /*リストマーク無し*/

div#sidebar .widget {
  background-color:#0c8bcd;
  padding:16px;
  margin-bottom:10px}

div#sidebar h2 {
  font-size:0.75em;
  color:#ffffff;
  border-bottom:solid 1px #ffffff;
  padding-bottom:8px;
  margin:0 0 10px}

div#sidebar li li {
  font-size:0.75em;
  margin-bottom:4px;
  background-image:url(listmark.gif);
  background-repeat:no-repeat;
  padding-left:16px}

div#sidebar li li a {
  text-decoration:none;
  color:#ffffff}


/* カレンダー */
/*
.widget_calendar h2 {
 display:none}

#wp-calendar {
 font-size:0.75em;
 color:#ffffff;
 width:100%}/*枠いっぱいに広げる*/

#wp-calendar a {
 color:#ffffff}

#wp-calendar td,#wp-calendar th {
 text-align:center}

#wp-calendar caption {
 font-weight:bold;
 text-align:left;
 border-bottom:solid 1px #ffffff;
 padding-bottom:8px;
 margin-bottom:8px}

#wp-calendar #prev {
 text-align:left;
 padding-top:3px}

#wp-calendar #next {
 text-align:right;
 padding-top:3px}
*/

/* フィード */
/*
p.feed {
 font-size:0.75em;
 font-family:Verdana, Helvetica, sans-serif;
 border:solid 1px #0c8bcd;
 padding:5px;
 margin:25px 0}

p.feed a {
 color:#444444;
 text-decoration:none}

p.feed img {
 vertical-align:middle;
 margin-right:8px}
*/