/*  
Theme Name: ogawa-keoso
Description: for tokuda-office
Version: 1.0
Author: Sakino.Y
Author URI: http://www.kanasando.net/
*/

@charset "UTF-8";
/* バックグラウンドのスタイル */

body {
	margin:0px; padding:0px;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	line-height:19px;
}
#main {
	background:#fff url(images/background-slice.jpg) repeat-x;
}
#main .container {
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	min-height:400px;
}

/* テキストのスタイル */

h2 {
	margin:0px 0px 10px 0px;
	font-size:20px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
h3 {
	margin:0px 0px 10px 0px;
	font-size:14px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
small {
	color:#595856;
	font-weight:none;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#007de2;
	text-decoration:none;
}
a:hover { 
	text-decoration:underline; 
	}
	
a img { 
	border: none; 
	}
	 
p { 
	margin: 0px 0px 5px 0px; 
	}

a.button {
	background:#76B131 url(images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:12px;
	line-height:25px;	
　　　　 text-align: right; 
}
a.button:hover {
	background:#32312f url(images/button_bg_o.jpg) repeat-x;
	border-color:#32312f;
}


/* ヘッダー・ロゴ */

#header {
	padding-top:15px;
	width:400px
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(images/logo-fin.jpg);
	background-repeat:no-repeat;
	width:600px;
	height:100px;
}


/*　ヘッダー部分メニュー */
ul#menu {
	margin:0px; padding:0px;
	position:absolute;
	right:10px;


}
ul#menu li {
	display:inline;

}
ul#menu li a {
	text-decoration:none;
	color:#999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;

	padding:0px 10px 0px 10px;
}
ul#menu li a.active, ul#menu li a:hover {
	color:#211e1e;
}

/*　メニュー */
.menu2 {
　position: relative;  
 width: 970px;
 margin: 0px;
 padding: 0px;
 list-style: none;
}

.menu2 li {
display: block;
overflow: hidden;
padding: 0;
cursor: pointer;
float: left;
width: 158px;
height: 20px;
margin-right: 0px;
background-image:url(images/menu_sprite2.gif);
background-repeat:no-repeat;
}

.menu2 a{
display:block;
height:20px;
text-indent:-9999px;
outline:none;
}

#item1 {
background-position:0px 0px;
}
#item2 {
background-position:-158px 0px;
}
#item3 {
background-position:-316px 0px;
}
#item4 {
background-position:-474px 0px;
}
#item5 {
background-position:-632px 0px;
}
#item6 {
background-position:-790px 0px;
}

#item1.active, #item1:hover {
background-position: 0 bottom;
}
#item2.active, #item2:hover{
background-position: -158px bottom;
}
#item3.active, #item3:hover {
background-position: -316px bottom;
}
#item4.active, #item4:hover {
background-position: -474px bottom;
}
#item5.active, #item5:hover {
background-position:-632px bottom;
}
#item6.active, #item6:hover {
background-position:-790px bottom;
}

/* フラッシュ部分　*/
#flash {
    float:left;
	margin-bottom:5px;
	width:728px;
	border: solid 1px #CCCCCC;
}

/* 問い合わせ部分　*/

#side-toi{
   float:right;
   width:200px;
   height:200px;
   margin-bottom:20px;
   border: solid 1px #CCCCCC;
   display:block;
   }


#side-toi p { 
	margin: 5px; 
	}


/* 
	ブロックスタイル
*/

.block {
	background-color:#ffffff;
	margin-bottom:5px;
	clear: both
}
.block_inside { 
display: block;
	border:1px solid #fff;
	background: #ffffff url(images/) no-repeat;	
	overflow:auto;
	padding:20px 0 0;
}

/*
 インデックス部分
 */
#portfolio_items h2 {
	margin:0px 0px 5px 0px;
display: block;
	text-indent:-9999px;
    background-image:url(images/tobira.gif);
	background-repeat:no-repeat;
	height:50px;
}
#portfolio_items .a3 {
	margin:0px 0px 5px 0px;
	display:block;
	text-indent:-9999px;
    background-image:url(images/yasusa.gif);
	background-repeat:no-repeat;
	height:50px;
}

#portfolio_items .a4 {
	margin:0px 0px 5px 0px;
	display:block;
	text-indent:-9999px;
    background-image:url(images/kakaku.gif);
	background-repeat:no-repeat;
	height:50px;
}

#portfolio_items .a5 {
	margin:0px 0px 5px 0px;
	display:block;
	text-indent:-9999px;
    background-image:url(images/anshin.gif);
	background-repeat:no-repeat;
	height:50px;
}

#portfolio_items ul li {
list-style-type:none;
	text-decoration:none;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/arrow02.gif) no-repeat;
	padding:0px 0px 0px 15px;
}
#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
	margin-top:10px;
}
#portfolio_items {
	width:728px;
	margin-right:10px;
	margin-top:5px;
	float:left;
display : inline;





}

.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;

}
.mini_portfolio_item .block_inside { 
	background: #ffffff url(images/) repeat-x; 
	background-color:#fff; 
	padding:5px; 
}
.mini_portfolio_item .block_inside2 { 
	background: #ffffff url(images/2bg.gif) no-repeat; 
	background-color:#fff; 
	padding:5px; 
}

.mini_portfolio_item .create_inside{ 
	background: #ffffff url(images/create-b2.jpg) no-repeat; 
	background-color:#fff; 
	padding:5px; 

}
.mini_portfolio_item .kakaku_inside{ 
	background: #ffffff url(images/kakakub.jpg) no-repeat; 
	background-color:#fff; 
	padding:5px; 

}
.mini_portfolio_item .anshin_inside{ 
	background: #ffffff url(images/renraku.jpg) no-repeat; 
	background-color:#fff; 
	padding:5px; 

}
.mini_portfolio_item .thumbnail { 
	float:left; 
	margin-right:10px; 
	border:1px solid #979390; ]
display : inline;

	}


.mini_portfolio_item ul li {
list-style-type:none;
	text-decoration:none;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/arrow02.gif) no-repeat;
	padding:0px 0px 0px 15px;
}
/* トップ右　*/
#topics {
	width:200px;
	margin-right:10px;
	margin-top:5px;
	float:right;
display : inline;

	}
		
.mini_portfolio_item .topics_inside { 
	background: #ffffff url(images/background_slice.jpg) repeat-x; 
	background-color:#fff; 
	padding:5px; 
}

#topics h3 {
	margin:0px 0px 5px 0px;
	display:block;
	text-indent:-9999px;
    background-image:url(images/topics01.gif);
	background-repeat:no-repeat;
	height:30px;
}

#news {
	width:450px;
	margin-right:10px;
	margin-top:5px;
	float:right;
display : inline;

	}

#news h3 {
	margin:0px 0px 5px 0px;
	display:block;
	text-indent:-9999px;
    background-image:url(images/news01.gif);
	background-repeat:no-repeat;
	height:30px;
	}

.mini_portfolio_item .news_inside { 
	background: #ffffff url(images/background_slice.jpg) repeat-x; 
	background-color:#fff; 
	padding:5px; 
}	

/* 会社概要　*/

#cont { 
	width:745px;
	margin-right:10px;
	margin-top:5px;
	float:left;
}

.gaiyou {
    text-indent:-9999px;
    background-image:url(images/gaiyou01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.link {
    text-indent:-9999px;
    background-image:url(images/link.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.sitemaps {
    text-indent:-9999px;
    background-image:url(images/sitemaps.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.yagou {
    text-indent:-9999px;
    background-image:url(images/yagou.gif);
    background-repeat:no-repeat;
    width:730px;
    height:30px;
}

.shozai {
    text-indent:-9999px;
    background-image:url(images/shozai01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:30px;
}

.naiyou {
    text-indent:-9999px;
    background-image:url(images/naiyou01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:30px;
}

.setsuritsu {
    text-indent:-9999px;
    background-image:url(images/setsuritsu01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:30px;
}

.shikaku {
    text-indent:-9999px;
    background-image:url(images/shikaku01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:30px;
}

.ninzu {
    text-indent:-9999px;
    background-image:url(images/ninzu01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:30px;
}

/* サイドバー*/

#contright { 
	width:180px;
	margin-right:0px;
	margin-top:5px;
	float:right;
        text-align:left;
display : inline;

}

.sidemenu {
    text-indent:-9999px;
    background-image:url(images/menu03.gif);
    background-repeat:no-repeat;
    width:180px;
    height:50px;
}

ul#contright 
{
  list-style: none;
  margin-bottom: 10px;
}
ul#contright  li a{
        list-style-type:none;
	text-decoration:underline;
	color:#76B131;
	font-size:12px;
	background: url(images/arrow02.gif) no-repeat;
	padding:0px 0px 0px 15px;
        display:block;
}

}

/* 価格と保障*/

.kakaku-j {
    text-indent:-9999px;
    background-image:url(images/kakaku-j.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.yas-sentaku {
    text-indent:-9999px;
    background-image:url(images/yasusa-re.gif);
    background-repeat:no-repeat;
    width:730px;
    height:30px;
}


/* 見積もりから施工完了まで*/

.mitsumori {
    text-indent:-9999px;
    background-image:url(images/mitsumori.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.yas-sentaku {
    text-indent:-9999px;
    background-image:url(images/yasusa-re.gif);
    background-repeat:no-repeat;
    width:730px;
    height:30px;
}


/*塗り替えチェックポイント*/

.nurikae-c {
    text-indent:-9999px;
    background-image:url(images/nurikaecheck.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.mini_portfolio_item .block_insidemerit { 
	background: #ffffff url(images/meritbg.gif) no-repeat; 
	background-color:#fff; 
	padding:5px; 
}

/* カラーコーディネート*/

.color-c{
    text-indent:-9999px;
    background-image:url(images/color-c.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.coloradv {
    text-indent:-9999px;
    background-image:url(images/haishoku02.gif);
    background-repeat:no-repeat;
    width:715px;
    height:20px;
}

/* 外壁塗装*/

.gaiheki {
    text-indent:-9999px;
    background-image:url(images/gaiheki01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.gai-sentaku {
    text-indent:-9999px;
    background-image:url(images/gai-sentaku.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.mini_portfolio_item .sentaku_inside{ 
	background: #ffffff url(images/c-sentaku01.gif) no-repeat; 
	background-color:#fff; 
	padding:5px; 
        width:725px;
        height:300px;
}

/* 防水塗装　*/

.bou-top {
    text-indent:-9999px;
    background-image:url(images/bousui03.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.mini_portfolio_item .check_inside{ 
	background: #ffffff url(images/check01.gif) no-repeat; 
	background-color:#fff; 
	padding:5px; 
        width:730px;
        height:210px;
}

ul#point li {
	text-decoration:none;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:none;
	background: url(images/check02.gif) no-repeat;
	padding:0px 20px 0px 18px;
       list-style:none;
}

.bousuicheck {
    text-indent:-9999px;
    background-image:url(images/bousuicheck01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.teiki {
    text-indent:-9999px;
    background-image:url(images/teiki01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}
/* 内壁塗装　*/

.nai-top {
    text-indent:-9999px;
    background-image:url(images/naiheki04.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.naihekimerit {
    text-indent:-9999px;
    background-image:url(images/naihekimerit01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.kaiteki {
    text-indent:-9999px;
    background-image:url(images/kaiteki01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.haishoku {
    text-indent:-9999px;
    background-image:url(images/haishoku01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

/* お問い合わせ*/

.cont-top {
    text-indent:-9999px;
    background-image:url(images/contact01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.mail {
    text-indent:-9999px;
    background-image:url(images/mail01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.tel {
    text-indent:-9999px;
    background-image:url(images/tel01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

/* 施工事例　*/

.kanou {
    text-indent:-9999px;
    background-image:url(images/kanou.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.sekou-top {
    text-indent:-9999px;
    background-image:url(images/sekou02.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.ori {
    text-indent:-9999px;
    background-image:url(images/ori01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.ktaku {
    text-indent:-9999px;
    background-image:url(images/ktaku01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

/* Q&A */

.qaa-top {
    text-indent:-9999px;
    background-image:url(images/qaa-top01.gif);
    background-repeat:no-repeat;
    width:730px;
    height:50px;
}

.q1 {
    text-indent:-9999px;
    background-image:url(images/q1.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.q2 {
    text-indent:-9999px;
    background-image:url(images/q2.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.q3 {
    text-indent:-9999px;
    background-image:url(images/q3.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.q4 {
    text-indent:-9999px;
    background-image:url(images/q4.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

.q5 {
    text-indent:-9999px;
    background-image:url(images/q5.gif);
    background-repeat:no-repeat;
    width:730px;
    height:20px;
}

/*　フッター*/

#footer {
	background:#052E62 url(images/footer-slice.jpg) repeat-x;
        clear:both;

}
.container {
	min-height:68px;
	width:950px;
	margin:0 auto;
}

.footer-text {
    color:#FFFFFF;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    margin:0;
    padding:30px;
    text-align:right;
}