@charset "UTF-8";

/* -----基本設定----- */

*{
margin:0;
padding:0;
}

body{
//background-image:url(images/back.png);
background-image:url(images/header.png);
background-repeat:repeat-x;
line-height:24px;
font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
padding:0;
margin:0;
}

.navi{
margin:0;
padding:0;
}

.navi li{
list-style:none;
float:left;
}

.navi li img{
width:170px;
}

.logo{
width:850px;
height:100px;
}

.logo1{
float:left;
padding-top:10px;
}

.logo1 img{
}

.logo2{
float:right;
padding-top:15px;
}

.logo2 img{
}


table{
border-collapse:collapse;
border-spacing:0;
}

td{
vertical-align:top;
}

a{/*リンクされた文字*/
    color:#333;
    font-style:normal;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    color:#333;
    font-style:normal;
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color:#333;
    font-style:normal;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    color:#ff3c08;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}

img{
border:0px;
}

#bg-base{
max-width:850px;
margin:0px auto;
//background-color:#fff;
padding:0px 20px;
}

h1{
//margin-top:-2px;
font-size: 11px;
line-height:14px;
font-weight: normal;
color:#fff;
margin-top:2px;
}

h2,h3{
background: url(images/h2_icon.png) no-repeat left center;
font-size:20px;
padding:7px;
margin-top:20px;
margin-bottom:20px;
text-indent:19px;
border-bottom:1px dotted #000;
}

.mainimage{
clear:both;
background: url(images/mainimage.png) no-repeat;
height:300px;
width:852px;
position: relative;
}


#mainleft {
width:630px;
float:left;
text-align:left;
font-size:15px;
margin-bottom:20px;
}

#mainleft p{
margin:10px 0px;
}

.left_text{
margin:10px 10px 10px 20px;
}




#mainright {
width:200px;
float:left;
text-align:left;
margin-top:16px;
margin-left:20px;
}

.right_bar{
margin-top:18px;
background:url(images/stripe.gif);
border:1px solid #ccc;
border-bottom:0;
padding:3px 6px;
}

.right_text{
padding:6px;
border:1px solid #ccc;
line-height:20px;
font-size:12px;
}


.navi_img{
text-align:center;
padding-left:0;
list-style-type:none;
}

.navi_img img{
width:100%;
}

#navi{
margin-left:20;
padding-left:0;
list-style-type:none;
//border-top:0px;
width:100%;
}

#navi a{
display:block;
text-decoration:none;
background:url(images/navi.gif) no-repeat;
text-indent:30px;
height:38px;
line-height:38px;
color:#000;
font-size:12px;
}

#navi a:hover{
background:url(images/navi2.gif) no-repeat;
color:#73b81f;
text-decoration:underline;
}

#navi li{
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.top1{
background-color:#333;
color:#fff;
padding:2px;
text-indent:5px;
font-size:11px;
}


/* -----フッター----- */

#footer{
clear:both;
text-align:center;
border-top:1px solid #ccc;
font-size:13px;
padding:12px 0px 22px 0px;
background-color:#f2f2f2;
line-height:30px;
}


.footer_logo{
float:left;
}

.footer_logo img{
margin:0px;
width:200px;
}



/* -----テーブル----- */

td{
font-size:13px;
}

table.table-01{
    border: 1px #cccccc solid;
    width:100%;
    margin-bottom:15px;
    margin-top:15px;
}

table.table-01 td {
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
padding:8px;
}

.table-01 th{
padding:8px;
border: 1px #cccccc solid;
border-width: 0 0 1px 1px;
text-align:center;
font-weight:bold;
background-color:#efefef;
background:url(images/stripe.gif);
}

.con1{
background:#fafafa;
//background:url(images/stripe.gif);
border: 1px #ffffff solid;
text-align:center;
vertical-align:middle;
font-weight:bold;
}


.list{
    list-style:none;
    margin:20px 20px 12px 0px;
    padding: 0px;
    font-weight:normal;
}

.list li {
    margin:0px;
    padding-left:20px;
    margin-left:0px;
    list-style: none;
    line-height:20px;
    margin-bottom:11px;
}



/* -----メールフォーム----- */

input.text{
	border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
	border-style:solid;
	border-width:1px;
	padding:2px;
	width:60%;
}
textarea{
	border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
	border-style:solid;
	border-width:1px;
	padding:2px;
	width:98%;
}

table.mail{
border: 1px #ccc solid;
margin:15px 0px 15px 0px;
background-color:#fff;
border-collapse:collapse;
border-spacing:0;
width:100%;
}

.mail td{
    padding:8px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
line-height:24px;
}

.mail_td1{
background-color:#f2f2f2;
}

table.mail input{
padding:2px;
}

.top_text1{
font-size:20px;
font-weight:bold;
margin:15px;
border:3px solid #efefef;
//background:#fffff0;
padding:15px;
line-height:30px;
color:#4e8d04;
}

.top_text2{
font-size:15px;
margin:5px 15px 15px 15px;
border-left:10px solid #fa9c09;
padding-left:10px;
line-height:26px;
}

.mitumori_button{
top:200px;
left:12px;
position:absolute;
}

.jisseki{
}

.jisseki img{
width:100%;
margin-bottom:15px;
}




/*
table.flow{
    border: 1px #16ae63 solid;
    width:100%;
    margin-bottom:15px;
    margin-top:15px;
}

.flow td {
    border: 1px #16ae63 solid;
    border-width: 0 0 1px 1px;
padding:4px;
}

.flow td img{
width:100%;
}

.flow th{
padding:4px;
border: 1px #16ae63 solid;
border-width: 0 0 1px 1px;
text-align:center;
font-weight:bold;
background-color:#16ae63;
width:25%;
font-size:13px;
color:#fff;
}

td.flow_space{
border:0;
background-color:#000;
}
*/



.flow_box{
float:left;
width:140px;
font-size:13px;
}

.flow_title{
padding:4px;
border: 1px #16ae63 solid;
border-bottom:0;
background-color:#16ae63;
color:#fff;
font-weight:bold;
text-align:center;
}

.flow_photo{
padding:4px;
border:1px #16ae63 solid;
border-bottom:0;
}

.flow_photo img{
width:100%;
}

.flow_exp{
padding:4px;
border:1px #16ae63 solid;
line-height:18px;
}

.flow_arrow{
float:left;
padding:120px 3px 0px 5px;
}



.table2{
    border: 2px #e35b05 solid;
margin-top:10px;
float:left;
}

.table2 td {
    border: 2px #e35b05 solid;
    border-width: 0 0 2px 2px;
padding:8px;
width:134px;
}

.table2 td img{
width:100%;
}

.table2 .title{
background:#e35b05;
color:#fff;
}

.rinen{
//border:5px solid #efefef;
//padding:10px;
font-size:13px;
}

#page-top{
text-align:right;
}

#page-top img{
width:170px;
}

.footer_bana{
padding:20px 0px 20px 0px;
clear:both;
}

.footer_bana img{
width:100%;
}