@charset "utf-8";
/*
Theme Name: teien
Theme URI: http://web-kyoto.info/
Description: tsugawa
Version: 1.0
Author: web-kyoto
Author URI: http://web-kyoto.info/
Tags: simple

        The CSS, XHTML and design is released under GPL:
        http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

html{background:#ffffff;}

ol, ul{list-style:none;}

body{
font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,"小塚明朝 Pro","小塚ゴシック Pro";
color:#252525;
background:#fff url(images/body-background2.png) repeat-x 0 0;
}

a{
color:#5a3826;
text-decoration:none;
}
a:hover{color:#082b7c;text-decoration:none;}
a:active, a:focus {outline: 0;}


/* レイアウト
*****************************************************/
#wrapper-out{
width:100%;
}

#wrapper{
width:1400px;
margin:0 auto;
}

#container{
width:1000px;
margin:0 auto;
}


/* ヘッダー
*****************************************************/
#header-top{
width:1000px;
margin:0 auto;
border:0px red solid;
}

#header-top p{
margin:5px 0 0 10px;
font-size:11px;
letter-spacing:-0.01em;
color:#555353;
}
#header-top h1{
font-size:11px;
letter-spacing:-0.01em;
color:#555353;align-content
font-weight:normal;
}
.header-logo{
float:left;
width:460px;
margin:10px 0 0 10px;
}

.header-tel{
float:left;
width:295px;
margin:20px 0 0 0;
}

.header-contact{
float:left;
width:235px;
margin:15px 0 0 0;
}

/* メインフォト・お問い合わせフォーム
------------------------------------------------------------*/
#header{
width:1400px;
margin:0 auto;
}

.request{
position:fixed;
z-index:3;
top:145px;
right:0;
}

.estimate{
position:fixed;
z-index:3;
top:358px;
right:0;
}


/* メインメニュー
------------------------------------------------------------*/
#mainNav{
width:982px;
height:68px;
margin:20px auto 0;
background:url(images/navi-menu-background.png) no-repeat 0 0;
}

#mainNav ul{
width:982px;
padding:15px 0 0 0;
}

#mainNav ul li.menu1{
float:left;
width:100px;
margin:0 5px 0 4px;
}

#mainNav ul li.menu2{
float:left;
width:100px;
margin:0 5px 0 4px;
}

#mainNav ul li{
float:left;
width:100px;
margin:0 4px;
}


/* メイン
*****************************************************/
#main{
float:left;
width:740px;
margin:10px 0 0 0;
border:0px red solid;
}

#main p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}



/* サイドバー　
*****************************************************/
#sidebar{
float:right;
width:246px;
margin:35px 0 0 14px;
border:0px red solid;
}

.sidebar-contact{
}

.sidebar-guarantee{
width:246px;
height:157px;
margin:35px 0 0 0;
background:url(images/sidebar-guarantee-background.png) no-repeat 0 0;
}

.sidebar-guarantee img{
margin:115px 0 0 50px;
}

.sidebar-construction{
width:247px;
height:184px;
margin:23px 0 0 0;
background:url(images/sidebar-construction-background.png) no-repeat 0 0;
}

.sidebar-construction img{
margin:-5px 0 0 158px;
}

.sidebar-construction p{
margin:14px 0 0 10px;
font-size:12px;
line-height:48px;
letter-spacing:0.09em;
/*font-weight:bold;*/
}

.sidebar-exterior{
width:247px;
height:235px;
margin:25px 0 0 0;
background:url(images/sidebar-exterior-background.png) no-repeat 0 0;
}

.sidebar-exterior img{
margin:0 0 0 158px;
}

.sidebar-exterior p{
margin:14px 0 0 10px;
font-size:12px;
line-height:48px;
letter-spacing:0.09em;
/*font-weight:bold;*/
}

.sidebar-exteriorreform{
width:247px;
height:146px;
margin:33px 0 0 0;
background:url(images/sidebar-exteriorreform-background.png) no-repeat 0 0;
}

.sidebar-exteriorreform img{
margin:0 0 0 158px;
}

.sidebar-exteriorreform p{
margin:28px 0 0 10px;
font-size:12px;
line-height:48px;
letter-spacing:0.09em;
/*font-weight:bold;*/
}

.sidebar-example{
margin:25px 0 0 0;
}

.sidebar-flow{
width:245px;
height:154px;
margin:28px 0 0 0;
background:url(images/sidebar-flow-background.png) no-repeat 0 0;
}

.sidebar-flow p{
color:#563c16;
font-family:"小塚ゴシック Pro"；
}

.sidebar-flow p.sidebar1{
padding:8px 0 0 0;
font-size:18px;
text-align:center !important;
}

.sidebar-flow p.sidebar2{
padding:4px 0 0 20px;
font-size:12px;
line-height:14px;
letter-spacing:0.1em;
}

.sidebar-flow img{
margin:8px 0 0 15px;
}

.sidebar-area{
width:245px;
height:322px;
margin:26px 0 0 0;
background:url(images/sidebar-area-background.png) no-repeat 0 0;
}

.sidebar-area p{
color:#563c16;
font-family:"小塚ゴシック Pro"；
}

.sidebar-area p.sidebar1{
padding:8px 0 0 0;
font-size:18px;
text-align:center !important;
}

.sidebar-area p.sidebar2{
padding:4px 0 0 20px;
font-size:12px;
line-height:14px;
letter-spacing:0.1em;
}

.sidebar-area p.sidebar3{
padding:11px 0 0 20px;
font-size:12px;
line-height:14px;
letter-spacing:0.1em;
}

.sidebar-area p.sidebar4{
padding:8px 0 0 20px;
font-size:12px;
line-height:14px;
letter-spacing:0.1em;
}

.sidebar-area img{
margin:30px 0 0 15px;
}

.sidebar-link-title{
margin:30px 0 15px 0;
}

.sidebar-link{
margin:7px 0 0 13px;
}

.sidebar-link-animal1{
width:245px;
height:402px;
margin:15px auto 0 ;
background:url(images/sidebar-animaru-background.png) no-repeat 0 0 ;
}

.sidebar-link-kyoto{
padding:170px 0 0 16.5px;
width:213px;
height:46px;
}

.sidebar-link-shiga{
padding:10px 0 0 16.5px;
width:213px;
height:46px;
}



.sidebar-link-animal2{
width:245px;
margin:15px auto 0 ;
}


/* フッター
*****************************************************/
#footer-out{
width:100%;
height:500px;
margin:100px 0 0 0;
background:url(images/footer-background.png) repeat-x 0 0;
}

#footer-top{
width:661px;
height:183px;
margin:0 auto;
background:url(images/footer-top-background.png) no-repeat 0 0;
} 

/*
.footer-tel{
float:left;
width:360px;
}

.footer-tel p{
color:#444649;
font-family:"小塚ゴシック Pro"；
}

p.footer1{
margin:94px 0 0 93px;
font-size:24px;
font-weight:bold;
letter-spacing:-0.06em;
}

span.footer{
font-size:12px;
}

p.footer2{
margin:0 0 0 93px;
font-size:12px;
font-weight:bold;
}
*/

.footer-top-contact img{
margin:93px 0 0 360px;
}

/* フッターメニュー
------------------------------------------------------------*/
#footerNav{
width:982px;
height:48px;
margin:84px auto 0;
position:relative;
z-index:3;
background:url(images/footer-menu-background.png) no-repeat 0 0;
}

#footerNav ul{
width:982px;
padding:5px 0 0 0;
}

#footerNav ul li.menu1{
float:left;
width:100px;
margin:0 5px 0 4px;
}

#footerNav ul li.menu2{
float:left;
width:100px;
margin:0 5px 0 4px;
}

#footerNav ul li{
float:left;
width:100px;
margin:0 4px;
}

/* フッター下部
------------------------------------------------------------*/
#footer-last{
width:1000px;
height:185px;
margin:0 auto;
}

.footer-logo{
float:left;
width:410px;
margin:20px 0 0 17px;
}

.footer-tel{
float:left;
width:295px;
margin:30px 0 0 0;
}

.footer-tel p{
font-size:11px;
font-weight:bold;
color:#707070;
}

.footer-tel img{
margin:8px 0 0 20px;
}

.footer-contact{
float:right;
margin:30px 30px 0 0;
}

p.recruit{
padding:10px 0 0 430px;
font-size:16px;
font-weight:bold;
color:red;
}

p.copyright{
padding:10px 0 0 17px;
font-size:11px;
color:#707070;
}


/* 固定ページ
*****************************************************/
.h1-title{
margin:0 0 30px 8px;
}

h2{
width:700px;
height:49px;
padding:15px 0 0 10px;
margin:30px 20px 20px;
font-size:18px;
font-weight:bold;
/*font-family:"ＭＳ Ｐ明朝";*/
color:#343434;
letter-spacimg:0.05em;
background:url(images/h2-title-background.png) no-repeat 0 0;
}

h3{
margin:0 0 0 40px;
width:661px;
height:30px;
font-size:18px;
font-weight:bold;
/*font-family:"ＭＳ 明朝";*/
color:#0e7204;
background:url(images/h3-title-background.png) no-repeat 0 5px;
}

h4{
margin:30px 0 0 80px;
font-size:14px;
}

.current{
margin:5px 0 0 20px;
font-size:14px;
letter-spacing:0.1em;
font-weight:bold;
/*font-family:"ＭＳ 明朝";*/
}

/* 住設特集
------------------------------------------------------------*/
#reform{
}

.reform1{
width:680px;
margin:0 auto 30px;
padding:20px 0;
background:#eaeaea;
border:1px #ccc solid;
}

.reform1-title{
width:640px;
margin:0 auto;
padding:5px 0;
background:#c07914;
border-radius:15px;
}

.reform1-title p{
font-size:16px !important;
color:#fff;
text-align:center;
}

.reform1-photo{
margin:30px auto;
}

.reform1-photo img{
border:1px #ccc solid;
}

.reform1-discount{
width:640px;
padding:5px 0;
margin:20px auto 0;
border:1px #616161 solid;
background:#616161;
text-align:center;
}

.reform1-discount p{
margin:3px 0 0 0;
font-size:16px !important;
color:#fff;
}

.reform1-description{
width:600px;
margin:20px 0 0 20px;
padding:20px;
background:#fff;
border:1px #ccc solid;
}

.reform1-description p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

p.reform-phrase{
padding:5px 0 10px 0;
font-size:18px !important;
font-weight:bold;
text-align:center;
color:#a31d1d;
}

p.reform-characteristic{
text-decoration:underline;
}



span.reform01{
color:red;
}

.reform1-pdf{
width:640px;
margin:20px auto 0;
}

/* エクステリア
------------------------------------------------------------*/
#exterior{
}

.exterior1{
width:680px;
margin:0 auto 30px;
padding:20px 0;
background:#eaeaea;
border:1px #ccc solid;
}

.exterior1-title{
width:640px;
margin:0 auto;
padding:5px 0;
background:#c07914;
border-radius:15px;
}

.exterior1-title p{
font-size:16px !important;
color:#fff;
text-align:center;
}

.exterior1-left{
float:left;
width:400px;
margin:20px 0 0 0;
}

.exterior1-description{
width:390px;
margin:0 0 0 20px;
padding:10px;
background:#fff;
border:1px #ccc solid;
}

.exterior1-description p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.exterior1-discount{
width:408px;
height:44px;
margin:20px 0 0 20px;
border:1px #000 solid;
background:#000;
text-align:center;
}

.exterior1-discount p{
margin:9px 0 0 0;
font-size:16px !important;
color:#fff;
}

.exterior1-right{
float:right;
width:240px;
margin:20px 0 0 0;
border:0px red solid;
}

.exterior1-right p{
padding:10px 0 0 70px;
font-size:14px !important;
color:#563c16;
text-decoration:underline;
}

.exterior1-photo{
margin:0 20px 0 0;
}

.exterior1-photo img{
float:right;
border:1px #ccc solid;
}


p.remarks{
padding:0 0 0 50px;
color:red;
}



/* 外構工事
------------------------------------------------------------*/
#construction{
}

p.construction1{
padding:0 0 0 20px;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.construction-picture{
margin:0 auto 30px;
width:600px;
}

#construction ul{
margin:20px 0 30px 50px;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

#construction ul li{
margin:5px 0 0 0;
}

.construction-left{
float:left;
margin:30px 0 30px 50px;
}

.construction-left p{
margin:10px 0 0 0;
text-align:center;
}

.construction-right{
float:right;
margin:30px 50px 30px 0;
}


.construction-right p{
margin:10px 0 0 0;
text-align:center;
}

.construction-center{
margin:30px auto 0;
}

.construction-center p{
margin:10px 0 0 0;
text-align:center;
}

.construction-bunner{
width:614px;
margin:50px auto;
}

/* 対応エリア
------------------------------------------------------------*/
#area{
}

.area-map{
width:600px;
margin:0 auto 30px;
}

p.area1{
padding:0 0 0 65px;
font-size:18px;
line-height:26px;
letter-spacing:0.1em;
color:#563c16;
}

p.area2{
padding:20px 0 20px 85px;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
color:#563c16;
}

/* ご依頼の流れ
------------------------------------------------------------*/
#flow{
}

.flow-title{
width:680px;
height:48px;
margin:0 auto 0;
background:#bfa861;
}

.flow-number{
float:left;
width:32px;
height:32px;
margin:0 0 0 10px !important;
border-top:8px #bfa861 solid;
background:#fff;
}

.flow-number p{
margin:4px 0 0 0;
font-size:24px !important;;
color:#000;
text-align:center;
}

.flow-f3{
float:left;
margin:12px 0 0 15px;
}

.flow-f3 p{
font-size:24px !important;;
color:#fff;
}

.flow-f4-left{
width:260px;
padding:6px 0;
text-align:center;
background:#ee5f5f;
}

.flow-f4-left p{
font-size:18px !important;
letter-spacing:0.1em;
color:#fff !important;
}

.flow-f4-right{
width:260px;
padding:6px 0;
text-align:center;
background:#5898cf;
}

.flow-f4-right p{
font-size:18px !important;
letter-spacing:0.1em;
color:#fff !important;
}

.flow-icon{
width:55px;
margin:0 auto;
}

.flow-text1{
width:638px;
height:180px;
margin:0 auto 0;
padding:20px;
border:1px #bfa861 solid;
}

.flow-text1 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.flow-text2{
width:638px;
height:660px;
margin:0 auto 0;
padding:20px;
border:1px #bfa861 solid;
}

.flow-text2 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.flow-left2{
float:left;
width:258px;
height:540px;
margin:20px 12px 0 9px;
padding:20px;
background:#eeeeee;
border:0px red solid;
}

.flow-left2 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
color:#000;
}

.flow-line2{
float:left;
width:2px;
height:560px;
margin:20px 0 0 0;
background:#bfa861;
}

.flow-right2{
float:right;
width:258px;
height:540px;
margin:20px 9px 0 12px;
padding:20px;
background:#eeeeee;
}

.flow-right2 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
color:#000;
}

.flow-text3{
width:638px;
/*height:500px;*/
margin:0 auto 0;
padding:20px;
border:1px #bfa861 solid;
}

.flow-text3 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.flow-left3{
float:left;
width:258px;
/*height:360px;*/
margin:20px 12px 0 9px;
padding:20px;
background:#eee;
border:0px red solid;
}

.flow-left3 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
color:#000;
}

.flow-line3{
float:left;
width:2px;
height:380px;
margin:20px 0 0 0;
background:#bfa861;
}

.flow-right3{
float:right;
width:258px;
/*height:300px;*/
margin:20px 9px 0 12px;
padding:20px;
background:#eee;
}

.flow-right3 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
color:#000;
}

.flow-text4{
width:638px;
/*height:100px;*/
margin:0 auto 0;
padding:20px;
border:1px #bfa861 solid;
}

.flow-text4 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.flow-text5{
width:638px;
/*height:290px;*/
margin:0 auto 0;
padding:20px;
border:1px #bfa861 solid;
}

.flow-text5 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.flow-text6{
width:638px;
/*height:160px;*/
margin:0 auto 0;
padding:20px;
border:1px #bfa861 solid;
}

.flow-text6 p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

span.flow01{
font-size:18px;
font-weight:bold;
color:#a31d1d;
}

span.flow02{
text-decoration:underline;
}

span.flow03{
margin:0 0 0 65px;
font-size:18px;
font-weight:bold;
color:#fff;
text-decoration:underline;
}


span.flow04{
margin:0 0 0 30px;
font-size:18px;
font-weight:bold;
color:#fff;
text-decoration:underline;
}

span.flow05{
color:red;;
}


/* カーポート・テラス・スンルーム・ガーデンルーム・デッキ・門扉
------------------------------------------------------------*/
#terrace{
}

.price1{
width:698px;
margin:0 auto;
padding:20px 0;
background:#eaeaea;
border:1px #ccc solid;
}

.price1-title{
width:640px;
margin:0 auto;
padding:5px;
background:#c07914;
border-radius:15px;
}

.price1-title p{
padding:4px 0;
font-size:14px;
text-align:center;
color:#fff;
}

.price1-photo{
width:330px;
margin:30px auto;
}

.price1-photo p{
margin:10px 0 0 0;
text-align:center;
}

table.price1-info{
/*table-layout:fixed;*/
width:635px;
margin:30px auto 0;
line-height:26px;
border-collapse:collapse;
border-spacing:0;
border:#ccc 1px solid;
}

table.price1-info tr{
border:#ccc 1px solid;
}

table.price1-info th{
padding:10px 10px;
text-align:center;
color:#fff;
font-size:100%;
background:#616161; 
border:#ccc 1px solid;
border-right:none;
}

table.price1-info td.color{
width:260px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:left !important;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info1{
width:50px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info2{
width:260px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info3{
width:75px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info4{
width:100px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info5{
width:90px !important;
padding:10px 10px;
font-size:100%;
font-weight:bold;
color:red;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info6{
width:290px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:left;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info7{
width:100px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info8{
width:210px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info9{
width:150px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.price1-info td.info10{
width:160px !important;
padding:10px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

ul.price-info{
line-height:26px;
/*letter-spacing:0.1em;*/
}

ul.price-info li{
margin:0 0 5px 10px;
list-style-type: none;
}

ul.price-info li:before{
content: '';
width:3px;
height:3px;
display:inline-block;
border-radius:100%;
background:#000;
position:relative;
left:-7px;
top:-3px;
}

.price1-photo-left{
float:left;
margin:30px 0 0 100px;
}

.price1-photo-right{
float:right;
margin:30px 100px 0 0;
}



p.maker-link{
margin:20px 30px 0 0;
color:#563c16;
text-align:right;
text-decoration:underline;
}


/* 施工例
------------------------------------------------------------*/
#example{
}

.example1{
width:698px;
margin:0 auto 50px;
padding:25px 0;
background:#f9f4e9;
border:1px #f9e2af solid;
}


/* 画像 */
#mainImage1-1,#mainImage1-2,#mainImage1-3,#mainImage1-4,#mainImage1-5,#mainImage1-6{
float:left;
width:440px;
height:360px;
margin:0 0 0 25px;
}

#mainImage2-1,#mainImage2-2,#mainImage2-3,#mainImage2-4,#mainImage2-5,#mainImage2-6,#mainImage2-7,#mainImage2-8,#mainImage2-9{
float:left;
width:440px;
height:360px;
margin:0 0 0 25px;
}

#mainImage3-1,#mainImage3-2,#mainImage4-1,#mainImage4-2,#mainImage4-3,#mainImage4-4,#mainImage4-5,#mainImage4-6,#mainImage4-7,#mainImage4-8,#mainImage4-9,#mainImage4-10,#mainImage4-11,#mainImage4-12,#mainImage4-13,#mainImage4-14,#mainImage4-15,#mainImage4-16,#mainImage4-17,#mainImage4-18,#mainImage4-19,#mainImage4-20,#mainImage4-21,#mainImage4-22,#mainImage4-23,#mainImage4-24,#mainImage4-25{
float:left;
width:440px;
height:360px;
margin:0 0 0 25px;
}

.example1-right{
float:right;
width:183px;
height:360px;
margin:0 25px 0 0;
}

#imageList1-1,#imageList1-2,#imageList1-3,#imageList1-4,#imageList1-5,#imageList1-6{
width:183px;
height:350px;
}


#imageList2-1,#imageList2-2,#imageList2-3,#imageList2-4,#imageList2-5,#imageList2-6,#imageList2-7,#imageList2-8,#imageList2-9,{
width:183px;
height:350px;
}

#imageList3-1,#imageList3-2,#imageList4-1,#imageList4-2,#imageList4-3,#imageList4-4,#imageList4-5,#imageList4-6,#imageList4-7,#imageList4-8,#imageList4-9,#imageList4-10,#imageList4-11,#imageList4-12,#imageList4-13,#imageList4-14,#imageList4-15,#imageList4-16,#imageList4-17,#imageList4-18,#imageList4-19,#imageList4-20,#imageList4-21,#imageList4-22,#imageList4-23,#imageList4-24,#imageList4-25{
width:183px;
height:350px;
}

.title-after{
width:181px;
margin:0 0 0 0;
color:#fff !important;
text-align:center;
background:#f77709;
border:1px #ccc solid;
}

.title-before{
width:181px;
margin:0 0 0 0;
color:#fff !important;
text-align:center;
background:#8c7654;
border:1px #ccc solid;
}

ul.example1-photo{
margin:5px 0 0 0;
}

ul.example1-photo li.left{
float:left;
margin:0 0 0 0;
}

ul.example1-photo li.right{
float:right;
}

/* 画像ここまで */

table.infomation{
table-layout:fixed;
width:648px;
margin:30px auto 0;
border-collapse:collapse;
border-spacing:0;
border:#ccc 1px solid;
}

table.infomation tr{
border:#ccc 1px solid;
}

table.infomation th{
width:73px;
padding:5px 10px;
border:#ccc 1px solid;
font-weight:normal;
text-align:center;
color:#33333f;
font-size:100%;
font-weight:bold;
background:#ffb87b; 
border-right:none;
}

table.infomation td.infomation1{
width:210px;
padding:5px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.infomation td.infomation2{
width:72px;
padding:5px 10px;
font-size:100%;
font-weight:bold;
color:#33333f;
text-align:center;
background:#ffb87b; 
border:#ccc 1px solid;
}

table.infomation td.infomation3{
width:210px;
padding:5px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

table.infomation td.infomation4{
padding:5px 10px;
font-size:100%;
color:#33333f;
text-align:center;
background:#fff; 
border:#ccc 1px solid;
}

/* 安心の理由
------------------------------------------------------------*/
#reason{
}

#reason p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.reason-window{
width:614px;
margin:20px 40px 30px 40px;
padding:20px;
border:3px #ccc solid;
border-radius:15px;
color:#74748a;
}

.promise-left{
float:left;
width:330px;
margin:0 0 30px 20px;
}

.promise-right{
float:right;
width:330px;
margin:0 20px 30px 0;
}

p.title{
font-size:17px;
font-weight:bold;
}

.promise-picture{
float:left;
margin:15px 0 0 0;
}

p.promise{
float:right;
width:190px;
margin:15px 10px 0 0;
padding:15px 0 0 0x;
font-size:14px;
}


/* 保証について
------------------------------------------------------------*/
#guarantee{
}

#guarantee p{
padding:0 30px;
}

p.notes{
padding:0 30px 0 50px !important;
color:red;
}

span.notes{
color:red;
}

#guarantee ul{
margin:20px 30px 20px 60px;
font-size:14px;
line-height:24px;
letter-spacing:0.1em;
}

#guarantee ul li{
margin:5px 0 0 0;
list-style:decimal;
}

table.guarantee1{
table-layout:fixed;
width:660px;
margin:30px auto 10px;
border-collapse:collapse;
border-spacing:0;
border:#bdb9b9 1px solid;
}

table.guarantee1 tr{
border:#bdb9b9 1px solid;
}

table.guarantee1 th{
width:100px;
padding:12px 20px 12px 20px;
border:#989487 1px solid;
font-weight:normal;
text-align:left;
border-right:none;
font-size:100%;
background:#e9f6c6; 
}

table.guarantee1 td{
padding:10px 10px 10px 20px;
font-size:100%;
border:#bdb9b9 1px solid;
}

table.guarantee2{
table-layout:fixed;
width:660px;
margin:30px auto;
border-collapse:collapse;
border-spacing:0;
border:#bdb9b9 1px solid;
}

table.guarantee2 tr{
border:#bdb9b9 1px solid;
}

table.guarantee2 th{
width:60px;
padding:12px 20px 12px 20px;
border:#989487 1px solid;
font-weight:normal;
text-align:left;
border-right:none;
font-size:100%;
background:#e9f6c6; 
}

table.guarantee2 td{
padding:10px 10px 10px 20px;
font-size:100%;
border:#bdb9b9 1px solid;
}

/* 個人情報の取扱について
------------------------------------------------------------*/
#privacy{
}

#privacy p{
padding:0 30px;
}

#privacy ul{
margin:20px 30px 20px 60px;
font-size:14px;
line-height:24px;
letter-spacing:0.1em;
}

#privacy ul li{
margin:5px 0 0 0;
list-style:decimal;
}


/* 会社概要
------------------------------------------------------------*/
#company{
}

#company p{
width:660px;
margin:20px auto 0;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

p.greetings{
font-size:18px !important;
font-weight:bold;
text-align:center;
text-decoration:underline;
color:#8aad2f;
}

.greetings-photo{
float:right;
padding:20px;
}

table.profile{
table-layout:fixed;
width:660px;
margin:30px auto 40px;
border-collapse:collapse;
border-spacing:0;
border:#bdb9b9 1px solid;
}

table.profile tr{
border:#bdb9b9 1px solid;
}

table.profile th{
width:100px;
padding:12px 20px 12px 20px;
border:#bdb9b9 1px solid;
font-weight:normal;
text-align:left;
border-right:none;
font-size:100%;
background:#e9f6c6; 
}

table.profile td{
padding:10px 10px 10px 20px;
font-size:100%;
border:#bdb9b9 1px solid;
}

.company-map{
width:660px;
margin:30px auto;
}

.company-photo{
height:170px;
margin:20px 0 0 30px;
font-weight:bold;
text-align:center;
}

.company-photo img{
margin:0 0 10px 0;
}

.stuff-left{
float:left;
width:320px;
height:190px;
margin:0 0 0 35px;
/*background:#f9f3f3;*/
border:1px #ccc solid;
}

.stuff-right{
float:right;
width:320px;
height:190px;
margin:0 35px 0 0;
/*background:#f9f3f3;*/
border:1px #ccc solid;
}

.stuff-photo{
float:left;
}

.stuff-photo img{
margin:10px;
}

p.name{
padding:10px 0 0 0;
font-size:16px !important;
color:#000;
text-decoration:underline;
}

p.department{
padding:0 0 0 0;
}

/* スタッフ紹介
------------------------------------------------------------*/
#stuff{
}

#stuff p{
width:660px;
margin:20px auto 0;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.stuff-left{
float:left;
width:320px;
height:190px;
margin:0 0 0 35px;
/*background:#f9f3f3;*/
border:1px #ccc solid;
}

.stuff-right{
float:right;
width:320px;
height:190px;
margin:0 35px 0 0;
/*background:#f9f3f3;*/
border:1px #ccc solid;
}

.stuff-photo{
float:left;
}

.stuff-photo img{
margin:10px;
}

p.name{
padding:10px 0 0 0;
font-size:16px !important;
color:#000;
text-decoration:underline;
}

p.department{
padding:0 0 0 0;
}

.company-stuff{
width:600px;
margin:30px auto;
}

.company-recruit{
width:600px;
margin:30px auto;
}


/* お問合せ
------------------------------------------------------------*/
#contact{
}

#contact p{
padding:0 30px;
}

table.order1{
table-layout:fixed;
width:660px;
margin:20px auto;
border-collapse:collapse;
border-spacing:0;
}

table.order1 th{
width:160px;
padding:10px 20px;
font-size:100%;
font-weight:normal;
text-align:center;
background:#e9f6c6; 
border:#bdb9b9 1px solid;
}

table.order1 td{
padding:10px 20px;
border:#bdb9b9 1px solid;
text-align:left;
}

input[type="text"],textarea{ 
vertical-align:middle; 
max-width:90%; 
line-height:30px; 
height:34px; 
padding:1px 5px; 
border:1px solid #bdb9b9; 
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
font-size:100%; 
color:#555; 
background:#fcfcfc; 
} 

textarea{ 
width:550px; 
height:100px; 
line-height:1.5; 
} 


input[type="submit"],input[type="reset"],input[type="button"], p.readon a{ 
vertical-align:top; 
margin:0 0 20px 0;
padding:0 10px 0 22px;
background:#2e69a4; 
background:-moz-linear-gradient(top, #2e69a4 0%, #4486c9 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e69a4), color-stop(100%,#4486c9)); 
background:-webkit-linear-gradient(top, #2e69a4 0%,#4486c9 100%); 
background:-o-linear-gradient(top, #2e69a4 0%,#4486c9 100%); 
background:linear-gradient(to bottom, #2e69a4 0%,#4486c9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e69a4', endColorstr='#4486c9',GradientType=0 ); 
border:0; 
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
line-height:34px; 
height:34px; 
font-size:120%; 
color:#fff; 
} 

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,p.readon a:hover{ 
background:#4486c9; 
background:-moz-linear-gradient(top, #4486c9 0%, #2e69a4 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4486c9), color-stop(100%,#2e69a4)); 
background:-webkit-linear-gradient(top, #4486c9 0%,#2e69a4 100%); 
background:-o-linear-gradient(top, #4486c9 0%,#2e69a4 100%); 
background:linear-gradient(to bottom, #4486c9 0%,#2e69a4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4486c9', endColorstr='#2e69a4',GradientType=0 ); 
cursor:pointer; 
} 

*:first-child+html input[type="submit"]{
padding:3px;
}
#mars{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}