@CHARSET "utf-8";

/*   
Theme Name: MASDA
Theme URI: http://www.masda-corp.jp
Description: 
Author: Touronline.,ltd
Author URI: http://www.touronline.jp
Version: v1.0

*/
/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; height:100%; font-family:verdana,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka－等幅'; font-size:14px; }
img {  border:none; }
a, a:visited { text-decoration:underline; color:#999999;}
a:hover { text-decoration:none; }
p { margin:0 0 0 0; padding:0; line-height:150%; }
ul { list-style-type:none; margin:0 0 0 0; padding:0; line-height:0%; }
ul li { margin:0 0 0 0; padding:0; line-height:normal; }
h1,h2,h3,h4,h5,form,table,input,textarea{ margin:0; padding:0; }
table { border-collapse:collapse; border:0; margin:0 0 1em 0; font-size:12px; }
td,th { padding:12px 10px 8px; }
th { font-weight:normal; background:#f7f7f7; }
input,textarea { font-size:100%; }
textarea { overflow:auto; }

.alignright { float:right; }
.alignleft { float:left; }
.clear { clear:both; }
.center {margin:0 auto;}
.fixed { position:fixed; }
.mg_l {margin-left:10px;} 


/* ----- レイアウト -------------------------------------------------------------------------------------------------- */
#wrapper {}
#header { height:85px; position:relative; width:960px; padding:0; margin:0 auto; padding-top:10px; }
#contents { width:960px; margin:0 auto; background:#fff; padding:0; position:relative; 
background:url(./image/top_bar.jpg) repeat-x left top;  clear:both;}

/* -----  ヘッダー [ header.php ] ---------------------------------------------------------------------------------------------------------------- */
h1#logo a { position:absolute; width:385px; height:82px; 
			background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/header/logo.jpg) no-repeat left bottom; left:0px; top:0px;
			margin:0; line-height:100%; font-size:12px; font-weight:normal; text-indent:-9999px; display:block; }

#header_box{position:relative; width:605px; height:85px; margin:0 auto; float:right; text-align:right;}

h2{font-size:10px; font-weight:normal; color:#999999; padding-bottom:13px;}

#header_menu { float:right; margin:0; }
#header_menu li { display:inline; float:left; margin-top:9px; border-right:1px solid #333; padding:0 5px;}
#header_menu li a { display:block; font-size:12px; color:#666666;}



/* -----  コンテンツ [ .php ] ---------------------------------------------------------------------------------------------------------------- */

#bread {width:960px; height:23px; font-size:12px; color:#999999;  padding-top:13px; clear:both; background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/bread_bg.jpg) bottom right no-repeat; }
#bread a, a:visited { text-decoration:underline; color:#999;}
#bread a:hover { text-decoration:none; }

/* ----- 左サイドメニュー [ sidebar.php ] ----------------------------------------------------------------------- -------------------------------- */
#left_col { float:left; width:220px; margin:0; padding:0;}
#side_menu { width:218px; padding:0; border:1px solid #cccccc; }
#side_menu li {padding: 0; margin:0; display:block; border-bottom:#CCC 1px solid;}
#side_menu .no_brd {border-bottom:none;}
#side_menu li a { display:block; text-decoration:none; padding:13px 0 13px 20px; color:#333; font-size:12px; vertical-align:middle;}
#side_menu li a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/menu_sub_select.jpg) no-repeat left top; color:#FFF;}


#side_menu li.house a,#side_menu li.reform a,#side_menu li.landuse a,#side_menu li.works a,#side_menu li.company a,#side_menu li.news a,#side_menu li.boya a,#side_menu li.link a,#side_menu li.contact a{font-size:1px; text-indent:-99999px; display:block; width:218px; height:54px;}

#side_menu li.house a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_house.jpg) left top; margin:0; padding:0; vertical-align:top;}
#side_menu li.reform a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_reform.jpg) left top; margin:0; padding:0; vertical-align:top;}
#side_menu li.landuse a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_landuse.jpg) left top; margin:0; padding:0; vertical-align:top;}
#side_menu li.works a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_works.jpg) left top; margin:0; padding:0; vertical-align:top;}
#side_menu li.company a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_company.jpg) left top; margin:0; padding:0; vertical-align:top;}
#side_menu li.news a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_news.jpg) left top; margin:0; padding:0; vertical-align:top;}
#side_menu li.link a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_link.jpg) left top; margin:0; padding:0; vertical-align:top;}
#side_menu li.boya a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_boya.jpg) left top; margin:0; padding:0; vertical-align:top;}
#side_menu li.contact a { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_contact.jpg) left top; margin:0; padding:0; vertical-align:top;}


#side_menu li.house a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_house.jpg) right top; }
#side_menu li.reform a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_reform.jpg) right top;}
#side_menu li.landuse a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_landuse.jpg) right top;}
#side_menu li.works a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_works.jpg) right top;}
#side_menu li.company a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_company.jpg) right top;}
#side_menu li.news a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_news.jpg) right top;}
#side_menu li.link a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_link.jpg) right top;}
#side_menu li.boya a:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_boya.jpg) right top;}
#side_menu li.contact a:hover{ background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/side_menu_contact.jpg) right top;}


 
/* ----- ページ共通 ----------------------------------------------------------------------- -------------------------------- */
#page {width:720px; padding:0; margin-left:20px; float:left;}
#page p.text_ml60{ margin:10px 0 10px 60px; font-size:14px; line-height:21px; }
#page img.border1{ border:#666666 1px solid; }
#page p > a{color:#55441F}
h4 a {color:#55441F}

#page a.border2 img { border:5px solid #ccc; text-decoration:none; }
#page a.border2:hover img { border:5px solid #0f6395; }

/*ページ大見出しh2とメニュー*/
#page_midashi { line-height:0%; margin:0; padding:0; background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/title.jpg) no-repeat left top; height:54px; position:relative;}
#page_midashi h2{ line-height:100%; padding:18px 0 16px 18px; display:block; font-size:22px; color:#330000; font-weight:bold;}
#page_midashi h2 span{ font-size:12px; line-height:0px; color:#999; padding-left:5px; font-weight:normal;}
#page_midashi ul.title_menu { position:absolute; top:0px; right:90px; background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/title_menu_ul_brd.gif)  bottom left no-repeat; padding-left:10px; margin-top:10px; height:42px;width:370px;text-align:left;}
#page_midashi ul.title_menu li { display:inline; border-right:1px solid #E9E9E9; padding:0 5px; float:left; margin-top:3px;}
#page_midashi ul.title_menu li a { display:block; font-size:12px; color:#55441F; float:left;}
#page_midashi ul.title_menu li.no_brd {border-right:0px; width:90px;}
#page_midashi ul.title_menu li.brd {border-right:0px; }

/*h3 h4*/
h3.sub_title{font-size:16px; font-weight:bold; color:#333; padding:14px 20px;background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/sub_title01.jpg) no-repeat;  height:18px; clear:both; margin:30px 0 20px 0;}
h4{font-size:16px; font-weight:normal; color:#182B59;}

.sub_con {margin:20px 0 20px 40px; padding:0;}
.sub_con img {text-align:right }

h4.sub_sub_title1{
	font-size:14px;
	line-height:16px;
	margin:20px 0 10px 60px;
	font-weight:bold;
	color:#55441F; clear:both;
	padding:5px 0px 5px 30px;
background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/icon_h4.jpg) no-repeat top left;
}

p.text_ml90 {font-size:14px; line-height:21px; font-weight:normal; display:block;margin:10px 0 10px 90px;}
.sp { margin:20px 0 30px 20px; }


/* ----- 住宅トップ(house) ------------------------------------------------------------------ -------------------------------- */
#gallary{float:left; width:720px; margin-bottom:50px; margin-left:5px;}
#g_sub {float:left; width:350px; height:383px; background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/house/title_gallary_back.jpg) no-repeat top left; padding:0; margin-top:20px; vertical-align:top;}
#g1 {margin-left:4px; padding:0px; height:157px;}
#g1 img {margin:0; padding:0; position:relative; z-index:10;}
#g_sub h3{ margin-left:4px; padding:8px 0 0 30px; height:27px; font-size:14px;}

#g_sub a, a:visited { text-decoration:underline; color:#FFF;}
#g_sub a:hover { text-decoration:none; }

#g_bg01{ background:url(image/house/gallary_h3_bg.jpg) no-repeat left top; 
width:341px; height:36px; margin:0; margin-left:5px; margin-top:-36px; padding:0; 
filter:alpha(style=1, opacity=100, finishopacity=70); position:relative; z-index:1000;}

html>/**/#g_bg01{ background:url(image/gallary_h3_bg.jpg) no-repeat;
width:341px; height:36px; margin:0; margin-left:5px; margin-top:-36px; padding:0; 
position:relative; z-index:1000;
}

#g_sub p{float:left; font-size:14px; line-height:21px; color:#ffffff; width:321px; display:block; margin:1px 5px 0 5px;
padding:10px;}

.dot_line {background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/house/dot_line.jpg) repeat-x left top; width:341px; }
.tb {width:660px; margin-left:60px; margin-bottom:20px; clear:both;}
.tb_left {float:left; padding:0; margin:0 0 20px 0; width:90px;}
.tb_right { float:right; padding:0; margin:0 0 20px 0;  width:550px; }
.tb_right h4 { color:#182B59; font-size:16px; font-weight:bold; margin:0 0 5px 0; }
.tb_right img {margin:0 0 0 10px; float:right;}
.tb_right ul{}
.tb_right li{ list-style:circle; margin:0 0 5px 20px; line-height:21px; font-size:14px;}
.tb_right p { font-size:14px; line-height:21px; padding-top:5px; display:block; clear:both; width:520px; margin:0;}

/* ----- 施工実績, お知らせ(category-6.php, category-7.php)--------------------------------------------------------------------- */

#works_notice { position:relative; width:650px; margin:22px 0 0 0; color:#330000; }
#works_notice_header {position:relative; background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/home/notice.jpg) no-repeat left top; width:650px; height:36px; margin-left:60px;}

#works_notice h3 {font-size:14px; font-weight:bold; color:#333; padding:10px 20px;}
#works_notice h4 {font-size:16px; font-weight:normal; color:#182B59;}
#right_p {font-size:10px; font-weight:bold; padding:14px 20px;}

#works_notice_body { color:#330000; font-size: 12px; margin-left:60px;}
#works_notice_body ul {color:#330000; padding:0; margin-left:10px; }
#works_notice_body li {line-height:130%; width:640px; height:90px; margin-top:10px ;  font-size: 12px;
background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/home/dot_line.jpg) repeat-x left bottom;}

.sp {color:#333333; padding:10px 0 5px 50px;}
.sp p {margin:0; font-size:12px;}
.sp1 {color:#333333; padding:0; padding-top:10px;}
.sp2 {color:#333333; padding:10px 0 5px 10px;}
#works_notice_body ul li img { margin:0 5px -3px 10px;}
#works_notice_body ul li a { color:#330000; font-size: 14px; font-weight:bold; }
#works_notice_body ul li a:hover { filter: alpha(opacity=80); opacity: 0.8; background-color: #fff;}
#works_notice_body ul li a img {margin:0; width:85px; height:70px;}
.r_img {float:right; width:100px; margin:0;}
.l_img {float:left; width:530px; margin:0;}
.r_img img { width:80px;  height: 68px;  border:#666666 1px solid; float:left;}

.nt_left{
float:left;
width:460px;
}

.nt_left img{
margin-left:0;
}
/* ----- 施工実績 (single_works.php)-----------------------------------------------------------------------------------*/


#works {margin:20px 0 10px 10px; width: 710px;}
#works_left { width:376px; padding:0; margin-bottom:20px; float:left;
background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/works/works_360img_bg01.jpg) no-repeat top left;}
#works_left img{ padding:8px 8px 8px 8px;
background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/works/works_360img_bg03.jpg) no-repeat left bottom; }

#works_right {
	width:320px;
	float:right;
	font-size:14px;
	line-height:21px;
	margin-bottom:70px;
	padding: 0;
}
#works_right img {width:40px; height:15px; float:right;}
#sub_sub_title {
	background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/works/sub_sub_title.jpg) no-repeat;
	width:320px;
	height:33px;
	clear:both;
	border-top:#BAA55C 1px solid;
	border-bottom:#BAA55C 1px solid;
}
#sub_sub_title h4 {font-size:16px; font-weight:bold; color:#333;
padding:7px 20px; }

.works_tb1 {
	width:320px;
	background: url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/works/dot_line.jpg) repeat-x left bottom;
	padding:5px 0;
	display: block;
	height: 40px;
	margin-bottom: 5px;
}
.works_tb2 {
	width:320px;
	background:
url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/works/dot_line.jpg)
repeat-x left bottom;
	padding:5px 0;
	display: block;
	height: 20px;
}

.works_tb_left {
	width:45px;
	float:left;
	position: relative;
}
.works_tb_right {
	width:270px;
	float:right;
	position: relative;
}
.works_con { padding:10px 0;}

/*施工ポイント*/
.point {
	margin:20px 0 35px 20px;
	float: left;
	width: 680px;
	clear:both;
}

.pt_sub1 { float:left; width:336px; padding:0; margin:0; }
.pt_sub2 { float:right; width:336px; padding:0; margin:0; }

.photo { width:336px; padding:0;
background:url(image/works/works_320img_bg01.jpg) no-repeat top left;}
.pt_sub1 img,.pt_sub2 img{ padding:7px;
background:url(image/works/works_320img_bg03.jpg) no-repeat left bottom; }

.pt_sub1 p,.pt_sub2 p {
	width:310px;
	font-size:14px;
	line-height:21px;
	margin:10px 8px 0;
	clear: both; font-weight:normal;

}

/*施工実績ーリフォーム*/
.work_reform {
	margin:20px 0 35px 20px;
	float: left;
	width: 680px;
         background:url(image/works/before_after.jpg) no-repeat left top;
         padding-top:30px;
	clear:both;
}
.pt_sub3 { float:left; width:336px; padding:0; margin:0; }
.rf_photo { width:212px; padding:0; background:url(image/works/works_200img_bg01.jpg) no-repeat top left; float:left;}
.pt_sub3 img{ padding:7px; background:url(image/works/works_200img_bg03.jpg) no-repeat left bottom;}

.pt_sub3 p {
	width:310px;
	font-size:14px;
	line-height:21px;
	margin:10px 8px 0 0;
	clear: both; font-weight:normal;

}
.pt_sub3 img.yaji {margin:30px 0 0 10px; background: none;
}

.rf_con {
	width:310px;
	font-size:14px;
	line-height:21px;
	margin:10px 5px;
         font-weight:normal;
	clear: both;
}


/* ----- お問合せ(contract.php), 会社案内-------------------------------------------------------------------- */

#page_form {width:600px; margin:0 auto; text-align:left; font-size:14px; color:#333; line-height:150%;}
#p1{font-size:14px; color:#333; margin:10px 0;}
#p2{font-size:14px; color:#333; padding-left:60px; font-weight:bold; margin:10px 0 20px 0; }
#mf_input table{ border-top:1px solid #BAA55C; margin-top:20px}
#mf_input tr {width:100%;  }
#mf_input td.bg_color {background:#F6F4EB; width:150px;}
#mf_input label {color:#cc6666; font-size:12px; position:absolute; left:320px; }
#mf_input td {padding:5px 10px; border-bottom:1px dotted #BAA55C; border-top:1px dotted #BAA55C;width:450px;}
#mf_input input.bd_no {border:0px;}
#mf_input input,#mf_input textarea { border:1px solid #BAA55C; padding:6px 5px 4px 5px; }
#mf_input input:hover, textarea:hover {background:#F6F4EB;}
#mf_buttons {width:600px; border-bottom:1px solid #BAA55C;}
#mf_bt_center {width:350px; margin:5px auto; height:50px;}
#mf_buttons input{ display:block; width:150px; height:42px; border:none; float:left; margin-bottom:10px;}
#mf_buttons input.submit_bt { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/contract/submit_bt.jpg) left top; margin-right:20px; padding:0; vertical-align:top;}
#mf_buttons input.submit_bt:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/contract/submit_bt.jpg) left bottom; }
#mf_buttons input.clear_bt { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/contract/clear_bt.jpg) right top; margin:0; padding:0; vertical-align:top;}
#mf_buttons input.clear_bt:hover { background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/contract/clear_bt.jpg) right bottom; }


/* 会社案内 */

.page_form_com table{ border-top:1px solid #BAA55C; width:630px; margin:20px auto 0px auto; text-align:left; font-size:12px; color:#333; line-height:150%; clear:both;}
.page_form_com td.comtd1 {background:#F6F4EB; width:150px; border-bottom:1px dotted #BAA55C;}
.page_form_com td.comtd2 {padding:5px 10px; border-bottom:1px dotted #BAA55C; width:480px;}

.page_form_com table.com { border-top:1px solid #BAA55C;  border-bottom:1px solid #BAA55C;}
.page_form_com table.com a{
color:#55441F; 
font-size:12px;
display:inline;
float:none;
}

/*採用情報*/
.page_form_com table.rc{ border-top:1px solid #BAA55C; border-bottom:1px solid #BAA55C;width:630px; margin:0px auto 0px auto; text-align:left; font-size:14px; color:#333; line-height:150%; clear:both;}
.page_form_com td.comtd3 {background:#F6F4EB; width:150px; border-bottom:1px dotted #BAA55C;font-size:14px;}
.page_form_com td p{
font-size:14px;
}

/* リンク */

.page_form_com td.linktd1 {background:#F6F4EB; width:190px; border-bottom:1px dotted #BAA55C;}
.page_form_com td.linktd2 {padding:5px 10px; border-bottom:1px dotted #BAA55C; width:440px;}
.page_form_com table.com img {float:right; width:90px; height:30px; background-color:#666;}


/* page navigation */
.wp-pagenavi {margin-top:30px; }

/* -----  フッター [ .php ] ---------------------------------------------------------------------------------------------------------------- */
#footer_wrapper { margin:0 auto; padding-top:60px; height:217px; 
		background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/footer/footer_back01.jpg) repeat-x left bottom; clear:both;}
#goto_top{ width:960px; height:19px; text-align:right; margin:0 auto; padding:0; }
#footer { width:960px; height:195px; margin:0 auto; padding-top:0px; color:#fff; font-size:12px;}
#footer_company { border-right:1px solid #777; width:380px; height:170px; float:left; margin:20px 0 0 0; }
#footer_company a { margin: 0; margin-bottom:15px; width:299px; height:66px; background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/footer/footer_logo2.jpg) no-repeat left top; text-indent:-9999px; display:block; }
#footer_company img {margin:0; margin-bottom:5px;}
#copyright { padding:0;  padding-top:8px; font-size:11px; margin:0;}
#footer ul { float:left; clear:right; margin:0; padding:20px 0 0 15px; width:170px; }

#footer ul a {color:#fff; background:url(http://www.masda-corp.jp/wp-content/themes/masda_v1.0/image/footer/btm_icon.jpg) no-repeat left center; padding:0 0 0 10px; width:23px; height:10px; line-height:200%;}

#footer ul.mg {margin:0; padding:0; padding-top:20px; width:175px; float:right;}

/* ----- 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 */

