﻿@charset "utf-8";

/* --------------------------------------------------------------------

# CSS v1.0  #

Copyright 2009 MONEY COMFORT 

-------------------------------------------------------------------- */

/* ----------------------------------------------------------
---index--------------------------

top
	main
	h2
	pro

	

---------------------------------------------------------- */

/* ------------------------------
top
------------------------------ */

/* -- main -- */
.topMainBox{
width:880px;
margin-left:2px;
}

.topMainBox p.floatL{
margin:0;
padding:0;
}

.topMainBox .floatR{
background:url(../image/top/bg_top_search.jpg) left top no-repeat;
width:224px;
height:275px;
float:left;
font-size:110%;
margin:0;
padding:0;
}

.topMainBox .floatR span{
display:block;
position:relative;
margin-top:70px;
left:40px;
}

.topMainBox .floatR select{
display:block;
margin:3px 0 8px 0;
padding:0;
}

.topMainBox .floatR input{
display:block;
margin:17px 0 0 36px;
padding:0;
}
form.index_form{
margin:0;
padding:0;
}
.index_form_submit{
float:left;
}

#top_search{
background-image:url('/new/image/top/top_search.png'); 
background-repeat:no-repeat; 
height:62px; 
padding:11px 0 0 236px;
}
.top_search_p1{
width:83px; 
float:left; 
font-size:14px; 
letter-spacing:0; 
margin:12px 0 0; 
padding:0;
}
#add{
width:85px; 
float:left; 
margin:12px 22px 0 0; 
padding:0;
}

.top_search_p2{
width:115px; 
float:left; 
font-size:14px; 
letter-spacing:0; 
margin:12px 0 0; 
padding:0;
}
#bland{
width:135px; 
float:left; 
margin:12px 28px 0 0; 
padding:0;
}
#top_bland{
background-image:url('../image/top/top_bland2.png'); 
background-repeat:no-repeat; 
height:320px;
}

/* -- h2 -- */
h2.top{
margin:8px 0 7px 2px;
padding:0;
}

/* -- rec -- */
div.topRecBox{
background:url(../image/top/box_rec_mdl.gif) 1px top repeat-y;
}

div.topRecBoxCnt{
float:left;
margin:0 7px 0 0;
width:288px;
}

div#topRecBoxNomargin{
float:left;
margin:0;
width:288px;
}

div.topRecBoxCNt p{
margin:0;
padding:0;
}

div.topRecBoxCnt h3{
margin:7px 0 5px 15px;
padding:0;
}

div.topRecBoxCnt p.textTtl{
color:#e60012;
font-size:110%;
font-weight:bold;
margin:7px 0 5px 17px;
letter-spacing:0.1px;
}

div.topRecBoxCnt p.img{
margin:7px 0 5px 17px;
}

div.topRecBoxCnt p.text{
margin:7px 0 5px 17px;
height:190px;
width:255px;
font-size:12px;
overflow:auto;
}

div.topRecBoxCnt div.topRecList{
width:278px;
height:63px;
}
div.topRecList ul{
float:left;
padding:0;
margin:0;
position:relative;
left:0px;
list-style:none;
width:180px;
font-size:12px;
}

div.topRecList ul li{
background:url(../image/common/icon_gray.gif) left center no-repeat;
padding:0 0 0 16px;
margin:0;
color:#6a3a0e;
line-height:1.5;
}

div.topRecBoxCnt p.floatR{
float:left;
margin:0;
padding:0;
width:70px;
}

/* -- pro -- */
div.topStepBox{
background:url(../image/top/box_step_mdl.gif) left top repeat-y;
margin-left:2px;
line-height:120%;
}

p.step1Txt,p.step3Txt{
width:117px;
margin:0;
padding:0;
position:relative;
left:10px;
}

p.step2Txt{
width:130px;
margin:0;
padding:0;
position:relative;
left:10px;
}

p.step1Txt img,p.step2Txt img,p.step3Txt img{
margin:0 0 5px 0;
}

div.stepCnt p.img01,div.stepCnt p.img02{
float:left;
vertical-align:bottom;
margin:10px 0 0 10px;
padding:0;
}

div.stepCnt p.img03{
vertical-align:bottom;
margin:10px 0 0 10px;
padding:0;
}

div.topStepBox p.arrow{
float:left;
margin:50px 3px 0 10px;
padding:0;
}

div.topProStep p.arrow img{
position:relative;
top:40px;
border:1px solid #000;
}

.stepCnt{
margin:16px 0 10px 10px;
}

/* ------------------------------
clinic,plaza,honpo
------------------------------ */
.serviceCnt{
width:536px;
border:12px solid #eae6e2;
margin:0 0 10px 0;
}

.contents .mainCnt h4,.contents .subCnt h4{
margin:15px 0 8px 0;
padding:0;
}

.serviceCnt p.title{
margin:3px 0 10px 0;
padding:0;
text-align:center;
}

.serviceCnt p.stepTtl{
text-align:center;
margin:3px 0 2px 0;
padding:0;
}

.serviceCnt div.stepBox{
margin:auto;
padding:0;
background:#fff2cf;
width:379px;
text-align:center;
}

.serviceCnt div.stepBox p.floatL{
width:173px;
margin:3px;
padding:0;
text-align:left;
}

.serviceCnt div.stepBox p.floatR{
width:190px;
margin:10px 10px 10px 0;
padding:0;
text-align:left;
font-size:85%;
line-height:120%;
}

.serviceCnt div.stepBox p.floatR img{
margin-bottom:5px;
}

.serviceCnt p.alignC{
margin:0;
padding:0;
}

.serviceCnt p.txt{
margin:10px 85px 20px 85px;
padding:0;
font-size:90%;
line-height:130%;
}

.serviceCnt h5{
margin:0;
padding:0;
background:#301856;
padding:8px 14px;
}

.serviceCnt p.featureTtl{
margin:15px 0 5px 13px;
padding:0;
}

.serviceCnt p.featureTxt{
margin:10px 20px 5px 15px;
padding:0;
font-size:95%;
line-height:130%;
}

.serviceCnt p.blandTtl{
margin:15px 0 0 13px;
padding:0;
font-weight:bold;
}

.serviceCnt p.blandTxt{
margin:3px 20px 5px 15px;
padding:0;
font-size:95%;
line-height:130%;
}

.serviceCnt p.blandTxt img{
float:right;
margin:0 0 0 10px;
}

#madoguchi{
color:#e12d30;
}

/* -- plaza -- */
#hokenplaza{
color:#f47f1e;
}

#hokensenmon{
color:#0069b4;
}

#hokenland{
color:#00a54b;
}

/* -- honpo -- */
p.honpoTtl{
margin:0;
padding:0;
}

#honpo h5{
border:none;
padding:0;
margin:0;
background:#eae6e2;
border-top:5px solid #eae6e2;
}

#honpo p.txt{
margin:10px;
}
#honpo p.txt02{
margin:10px;
}
#honpo p.img01{
margin:10px;
}
#honpo p.txt03{
margin:15px 10px 10px;
}
#honpo p.txt04{
margin:10px;
background:#d5e3ec;
padding:7px;
font-size:90%;
}
#honpo p.chart{
margin:10px;
}
#honpo p.txt05{
margin:10px;
background:#eeebe6;
padding:7px;
font-size:90%;
}


/* ------------------------------
form
------------------------------ */
#formCnt h2{
margin:20px 0 10px 100px;
padding:0;
}

#formCnt p.txt{
margin:5px 50px 7px 102px;
padding:0;
}

table.tablePtn03{
margin:0 0 20px 102px;
width:75%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

table.tablePtn03 th{
background:#eeecee;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
}

table.tablePtn03 td{
border-bottom:1px solid #ccc;
padding:10px;
}

input#name1,input#name2,input#kana1,input#kana2{
width:160px;
}

input#mail,input#title{
width:430px;
}

#formCnt textarea{
width:430px;
height:150px;
}

p.inqBtn01{
text-align:center;
}

input#inqBtn01{
background:url(../image/inquiry/btn01.jpg) left top no-repeat;
width:136px;
height:35px;
border:1px solid #fff7e1;
color:#FFF;
}

input#inqBtn02{
background:url(../image/inquiry/btn_back.jpg) left top no-repeat;
width:135px;
height:35px;
border:1px solid #fff7e1;
color:#FFF;
}

input#inqBtn03{
background:url(../image/inquiry/btn02.jpg) left top no-repeat;
width:135px;
height:35px;
border:1px solid #fff7e1;
color:#FFF;
}

p.textInq{
margin:5px 0 7px 102px;
padding:0;
}


/* ------------------------------
form
------------------------------ */
#agreeCnt h2{
margin:20px 0 10px 100px;
padding:0;
}

#agreeCnt p.txt{
margin:5px 50px 7px 102px;
padding:0;
}

#agreeCnt h3{
margin:20px 0 3px 100px;
padding:0;
color:#2a4397;
font-size:110%;
}

#agreeCnt dl.agreeDtl{
margin:0 50px 10px 100px;
padding:0;
border-bottom:1px solid #CCC;
}

#agreeCnt dl#noborder{
margin:0 50px 10px 100px;
padding:0;
border:none;
}

#agreeCnt dl.agreeDtl dt{
margin:0 0 5px 0;
padding:0;
}

#agreeCnt dl.agreeDtl dd{
margin:0 0 10px 18px;
padding:0 0 6px 0;
}







/*  search  */

#result{
text-align:left;
margin-left:54px;
padding-bottom:100px;
color:#555;
letter-spacing:1px;
}
#shoplist_title{
font-size:19px; 
font-weight:bold;
}
#shop_result{
font-size:14px;
}
#result table{
font-size:14px; 
margin:0 0 0 0px;
width:770px;
}
#result table th{
background-color:#81CFCF;
color:white;
padding:4px 0 4px 0;
text-align:center;
letter-spacing:6px;
}
#result table th.name{
width:210px;
}
#result table th.address{
width:430px;
}
#result table th.click{
width:130px;
}
#result table td{
padding:3px 8px 3px 13px;
}
#result table tr.list1{
background-color:#F7FFD7;
}
#result table tr.list2{
background-color:#E3F0ED;
}
#result table td.td_click{
text-align:center; 
padding:2px 0 3px 0;
}


/*  shop  */
#shop{
text-align:left;
margin-left:80px;
padding-bottom:100px;
padding-top:10px;
color:#555;
letter-spacing:1px;
}
#shop_title{
font-size:19px; 
font-weight:bold;
color:#7c6854;
}
table#shop_detail{
	border-style:solid;
	border-width:1px 1px 0 0;
	border-color:#a6a6a9;
	font-size:14px;
	margin:0 0 0 0px;
}
table#shop_detail th{
	border-style:solid;
	border-width:0 0 1px 1px;
	border-color:#a6a6a9;
	padding:5px 0 5px 10px;
	width:190px;
	background-color:#f2f2f4;
	color:#7c6854;
}
table#shop_detail td{
	border-style:solid;
	border-width:0 0 1px 1px;
	border-color:#a6a6a9;
	padding:5px 0 5px 10px;
	width:510px;
	color:#7c6854;
}


/*  contact  */
#contact{
	text-align:left;
	margin-left:80px;
	padding-bottom:100px;
	padding-top:30px;
	color:#555;
	letter-spacing:1px;
}
#contact_intro{
	font-size:14px; 
	line-height:175%;
	width:720px;
}
table#contact_table{
	font-size:14px;
	border-style:solid;
	border-width:1px 1px 0 0;
	border-color:#a6a6a9;
	font-size:14px;
	margin:0 0 0 0px;
}
table#contact_table th{
	border-style:solid;
	border-width:0 0 1px 1px;
	border-color:#a6a6a9;
	padding:5px 8px 5px 10px;
	width:205px;
	background-color:#f2f2f4;
	color:#494949;
}
table#contact_table td{
	border-style:solid;
	border-width:0 0 1px 1px;
	border-color:#a6a6a9;
	padding:5px 0px 5px 10px;
	width:488px;
	color:#494949;
	line-height:180%;
}

p.small{
font-size:12px;
letter-spacing:0;
color:#e60012;
margin:8px 0 4px 0;
padding:0;
line-height:125%;
}

.input_text1{
width:240px;
}
.input_text2{
width:90px;
}
.input_text3{
width:400px;
}
.input_text4{
width:130px;
}
#contact_attention{
text-align:center; 
margin-right:90px; 
font-size:14px; 
line-height:190%;
}


/*  login  */
#login{
	margin-top:40px;
	margin-left:200px;
	font-size:14px;
}
#login p{
	margin:0;
	padding:20px 0 60px;
}

#login form{
	margin:0;
	padding:0;
}
#login table{
	
}
#login table th{
font-weight:normal;
width:90px;
}
#login table td{
	text-align:left;
	padding:3px 0 3px 0;
}
.login_input{
	width:130px;
}

#login p.login_error_p{
	color:#ff3300; 
	margin:0 0 20px 0; 
	padding:0;
}
#login_status{
	width:600px;
	margin:0 auto;
	font-size:14px;
}
#login_left{
	float:left; 
	width:450px; 
	margin:25px 0 0 0; 
	text-align:left;
}
#logout{
	float:right; 
	width:150px; 
	margin:43px 0 0 0;
}
#contact_all{
	clear:both; 
	width:530px; 
	margin:50px auto 0px auto;
	padding:0 0 50px 0;
	font-size:14px;
}
#contact_all p{
	text-align:left; 
	font-weight:bold; 
	font-size:14px; 
	text-decoration:underline;
	margin:20px 0 10px 0;
	padding:0;
}
#contact_all p.csvdl{
	text-align:right; 
	text-decoration:none; 
	font-size:12px;
}
#contact_all table{
	border-style:solid; 
	border-width:1px 1px 0 0; 
	border-color:#999999;
}
#contact_all table th{
	font-weight:bold;
	border-style:solid; 
	border-width:0 0 1px 1px; 
	border-color:#999999;
	background-color:#eeeeee;
	padding:3px 0 3px 5px;
}

#contact_all table td{
	border-style:solid; 
	border-width:0 0 1px 1px; 
	border-color:#999999;
	padding:3px 0 3px 5px;
}
p#nocontact{
	margin-top:45px;
}
#contact_detail{
	clear:both; 
	width:550px; 
	margin:30px auto 0px auto;
	padding:0 0 40px 0;
	font-size:14px;
}
#contact_detail p{
	text-align:left; 
	font-weight:bold; 
	font-size:14px; 
	text-decoration:underline;
	margin:20px 0 0px 0;
	padding:0;
}
#contact_detail table{
	border-style:solid; 
	border-width:1px 1px 0 0; 
	border-color:#999999;
	line-height:130%;
}
#contact_detail table th{
	font-weight:bold;
	border-style:solid; 
	border-width:0 0 1px 1px; 
	border-color:#999999;
	background-color:#eeeeee;
	padding:7px 8px 7px 5px;
	width:215px;
}

#contact_detail table td{
	border-style:solid; 
	border-width:0 0 1px 1px; 
	border-color:#999999;
	padding:7px 5px 7px 8px;
	width:309px;
	text-align:left;
}



/*  hyoka  */
#hyoka{
	text-align:left; 
	width:700px; 
	margin:28px auto 0;
}
#hyoka table{
	border-style:solid;
	border-width:1px 1px 0 0;
	border-color:#999999;
	width:690px;
}
#hyoka table th{
	font-weight:bold;
	border-style:solid; 
	border-width:0 0 1px 1px; 
	border-color:#999999;
	background-color:#eeeeee;
	padding:7px 8px 7px 5px;
	width:200px;
	vertical-align:top;
}

#hyoka table td{
	border-style:solid; 
	border-width:0 0 1px 1px; 
	border-color:#999999;
	padding:7px 5px 7px 8px;
	text-align:left;
}





