@charset "EUC-JP";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background:#FFF;
	font-size:74.5%;
	font-family:verdana,"Hiragino Kaku Gothic Pro",Osaka,Meiryo,"MS PGothic",Sans-Serif;
	color:#6E6E5A;
	line-height:160%;
}

/*body {
	background:#CBCEC3;
	font-size:74.5%;
	font-family:verdana,"Hiragino Kaku Gothic Pro",Osaka,Meiryo,"MS PGothic",Sans-Serif;
	color:#6E6E5A;
	line-height:160%;
}*/

html {
	margin	:0;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

.clearfix{
	clear	:both;
}

.float{
	float	:left;
}

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	color		:#6E6E5A;
	text-decoration	:none;
}

a:link {
	color		:#6E6E5A;
	text-decoration	:none;
}

a:visited {
}

a:hover {
	color		:#6E6E5A;
	text-decoration	:underline;
}

a:active {
}

a:focus{
	outline:none;
}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container{
	width	:955px;
	height	:800px;
	margin	:0 auto;
}



/*-----------------------------------------------
 __menu
-----------------------------------------------*/

#menu{
	width	:430px;
	height	:100%;
	margin	:0 7px 0 0;
	float	:left;
	background	:#FFF;
}

h1{
	width	:380px;
	height	:150px;
	background	:url("img/h1.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:15px 0 15px 13px;
}

.tel{
	width	:240px;
	height	:50px;
	background	:url("img/tel.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:0 0 5px 13px;
}

.copy{
	width	:240px;
	height	:10px;
	background	:url("img/copy.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:30px 0 0 13px;
}

#menu p{
	margin	:0 0 0 13px;
	font-size	:80%;
}

/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents{
	width	:462px;
	margin	:0;
	padding	:0 25px 0 30px;
	float	:left;
	background	:#FFF;
}

* html #contents{
	width	:465px;
	padding	:0 20px 0 30px;
}

#contents_branding{
	width	:487px;
	height	:100%;
	padding	:0 0 0 30px;
	margin	:0;
	float	:left;
	background	:#FFF;
	overflow: auto;
}

.bt_top{
	width	:65px;
	height	:20px;
	background	:url("img/bt_top.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

html[xmlns*=""] body:last-child .bt_top {
	margin	:25px 0 60px 350px;
}

.bt_top a{
	width	:65px;
	height	:10px;
	display	:block;
}

/*-----------------------------------------------
 __decoration
-----------------------------------------------*/

.font120{
	font-size	:120%;
	font-weight	:bold;
	line-height	:1;
	font-family	: 'Hiragino Kaku Gothic Pro';
}

/*-----------------------------------------------
 __top
-----------------------------------------------*/

.top{
	margin	:40px 0 30px 0;
}

.top h2.title01{
	width	:445px;
	height	:65px;
	background	:url("img/top_h2_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:0 0 20px 0;
}

.top h2.title02{
	width	:445px;
	height	:45px;
	background	:url("img/top_h2_02.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:45px 0 10px 0;
}

.top p{
	margin	:0 0 53px 5px;
}


/*-----------------------------------------------
 __concept
-----------------------------------------------*/

.concept{
	margin	:40px 0 0 0;
	padding	:0 0 30px 0;
}

.concept h2.title01{
	width	:450px;
	height	:25px;
	background	:url("img/concept_h2.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.concept .title02{
	width	:270px;
	height	:35px;
	background	:url("img/concept_h3_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:10px 0 10px 0;
}

.concept .title03{
	width	:450px;
	height	:50px;
	background	:url("img/concept_h3_02.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:52px 0 7px 0;
}

.concept .title04,
.concept .title05,
.concept .title06,
.concept .title07,
.concept .title08,
.concept .title09,
.concept .title10{
	width	:450px;
	height	:27px;
	text-indent	:-9999px;
	margin	:50px 0 10px 0;
}

.concept .title04{
	background	:url("img/concept_h4_01.gif") no-repeat left bottom;
}

.concept .title05{
	height	:28px;
	background	:url("img/concept_h4_02.gif") no-repeat left bottom;
}

.concept .title06{
	background	:url("img/concept_h4_03.gif") no-repeat left bottom;
}

.concept .title07{
	background	:url("img/concept_h4_04.gif") no-repeat left bottom;
}

.concept .title08{
	background	:url("img/concept_h4_05.gif") no-repeat left bottom;
}

.concept .title09{
	background	:url("img/concept_h4_06.gif") no-repeat left bottom;
}

.concept .title10{
	background	:url("img/concept_h4_07.gif") no-repeat left bottom;
}

.about_concept{
	padding	:0 0 130px 5px;
	background	:url("img/concept_ph00.jpg") no-repeat center bottom;
}

.why{
	padding	:0 0 85px 25px;
	background	:url("img/concept_ph01.jpg") no-repeat center bottom;
}

.what{
	padding	:0 0 87px 25px;
	background	:url("img/concept_ph02.jpg") no-repeat center bottom;
}

.whom{
	padding	:0 0 0 25px;
}

.where{
	padding	:0 0 110px 25px;
	background	:url("img/concept_ph03.jpg") no-repeat center bottom;
}

.when{
	padding	:5px 0 85px 25px;
	background	:url("img/concept_ph04.jpg") no-repeat center bottom;
}


.howmuch{
	padding	:5px 0 182px 25px;
	background	:url("img/concept_ph05.jpg") no-repeat center bottom;
}


.howto{
	padding	:5px 0 350px 25px;
	background	:url("img/concept_ph06.jpg") no-repeat center bottom;
}

.concept .concept_img{
	margin	:0 0 0 26px;
}

.concept .bt_top{
	margin	:5px 0 0 350px;
}

.concept ul{
	margin	:10px 0;
}

.concept li{
	padding	:0 0 0 12px;
	background	:url("img/concept_list.gif") no-repeat left 2px;
}

* html .concept li{
	margin	:0 0 0 15px;
	padding	:0 0 0 -10px;
	list-style-image: url("img/concept_list.gif");
}

/*-----------------------------------------------
 __money
-----------------------------------------------*/

.money{
	margin	:40px 0 0 0;
	padding	:0 0 30px 0;
}

.money h2.title01{
	width	:450px;
	height	:25px;
	background	:url("img/money_h2.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.money .title02{
	width	:340px;
	height	:75px;
	background	:url("img/money_h3.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:10px 0 30px;
}

.money .title03,
.money .title04,
.money .title05,
.money .title06{
	width	:450px;
	height	:25px;
	text-indent	:-9999px;
}

.money .title03{
	background	:url("img/money_h4_01.gif") no-repeat left bottom;
}

.money .title04{
	background	:url("img/money_h4_02.gif") no-repeat left bottom;
}

.money .title05{
	height	:40px;
	background	:url("img/money_h4_03.gif") no-repeat left bottom;
	margin	:45px 0 0 0;
}

.money .title06{
	background	:url("img/money_h4_04.gif") no-repeat left bottom;
	margin	:35px 0 0 0;
}

.money_01{
	padding	:0 5px 35px 35px;
}

.money_02{
	background	:url("img/money_ph01.jpg") no-repeat 35px bottom;
	padding	:0px 5px 275px 35px;
}

.money_03{
	background	:url("img/money_ph02.jpg") no-repeat center bottom;
	padding	:5px 5px 125px 35px;
}

.money_04{
	padding	:0 5px 0 35px;
}

.money li{
	list-style:circle;
	margin-left	:15px;
}

.money ul{
	margin	:5px 0;
}


/*-----------------------------------------------
 __schedule
-----------------------------------------------*/

.schedule{
	margin	:40px 0 0 0;
	padding	:0 0 30px 0;
}

.schedule h2.title01{
	width	:450px;
	height	:25px;
	background	:url("img/schedule_h2.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.schedule .title02{
	width	:450px;
	height	:30px;
	background	:url("img/schedule_h3.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:20px 0 10px 0;
}

.schedule .title03{
	width	:410px;
	height	:45px;
	background	:url("img/schedule_h4_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:40px 0 5px 0;
}

.schedule .title04{
	width	:410px;
	height	:45px;
	background	:url("img/schedule_h4_02.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:65px 0 10px 0;
}


.schedule_03{
	padding	:0 0 115px 0;
	background	:url("img/schedule_ph01.jpg") no-repeat center bottom;
}

/*-----------------------------------------------
 __design
-----------------------------------------------*/

.design{
	margin	:40px 0 0 0;
	padding	:0 0 30px 0;
}

.design h2.title01{
	width	:450px;
	height	:25px;
	background	:url("img/design_h2.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.design .title02{
	width	:450px;
	height	:35px;
	background	:url("img/design_h3_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:10px 0 10px 0;
}

.design .title03{
	width	:450px;
	height	:45px;
	background	:url("img/design_h3_02.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:45px 0 5px 0;
}

.design_01{
	margin	:0 0 15px 0;
}

.design_02{
	width	:325px;
	height	:67px;
	background	:url("img/design_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:0 0 12px 65px;
}

.design_03{
	padding	:0 0 130px 0;
	background	:url("img/design_ph.jpg") no-repeat right bottom;
}

.design_04{
	padding	:0 15px 0 30px;
}

/*-----------------------------------------------
 __branding
-----------------------------------------------*/

.branding{
	margin	:40px 0 0 0;
	padding	:0 0 30px 0;
}

.branding h2.title01{
	width	:450px;
	height	:25px;
	background	:url("img/brand_h2.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.branding .title02{
	width	:230px;
	height	:35px;
	background	:url("img/brand_h3_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:10px 0 10px 0;
}

.branding .title03{
	width	:450px;
	height	:50px;
	background	:url("img/brand_h3_02.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:47px 0 0 0;
}

.branding_01{
	padding	:0 45px 0 0;
	margin	:0 0 20px 0;
}


/*-----------------------------------------------
 __contact
-----------------------------------------------*/

.contact{
	margin	:40px 0 0 0;
	padding	:0 0 30px 0;
}

.contact h2.title01{
	width	:450px;
	height	:25px;
	background	:url("img/contact_h2.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.contact .title02{
	width	:110px;
	height	:20px;
	background	:url("img/contact_h3.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:30px 0 5px 0;
}

.contact_01{
	margin	:30px 0 35px 0;
	width	:450px;
	height	:70px;
	text-indent	:-9999px;
	background	:url("img/contact_01.gif") no-repeat left bottom;
}

.contact_02 p{
	width	:405px;
	margin	:10px auto 0;
}

.contact_03{
	width	:335px;
	height	:40px;
	text-indent	:-9999px;
	background	:url("img/contact_03.gif") no-repeat left bottom;
	margin	:10px auto 75px;
}

.contact_04{
	font-size	:120%;
	font-weight	:bold;
	text-align	:center;
}

.contact_05{
	width	:300px;
	height	:40px;
	text-indent	:-9999px;
	background	:url("img/contact_04.gif") no-repeat left bottom;
	margin	:12px auto 0;
}

.contact_05 a{
	width	:300px;
	height	:40px;
	display	:block;
}


/*-----------------------------------------------
 __privacy
-----------------------------------------------*/

.privacy{
	margin	:40px 0 0 0;
	padding	:0 0 30px 0;
}

.privacy h2.title01{
	width	:450px;
	height	:25px;
	background	:url("img/privacy_h2.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.privacy .title02,
.privacy .title03,
.privacy .title04,
.privacy .title05,
.privacy .title06{
	width	:250px;
	height	:20px;
	text-indent	:-9999px;
	margin	:25px 0 5px 0;
}

.privacy .title02{
	background	:url("img/privacy_h3_01.gif") no-repeat left bottom;
	margin	:30px 0 5px 0;
}

.privacy .title03{
	background	:url("img/privacy_h3_02.gif") no-repeat left bottom;
}

.privacy .title04{
	background	:url("img/privacy_h3_03.gif") no-repeat left bottom;
}

.privacy .title05{
	background	:url("img/privacy_h3_04.gif") no-repeat left bottom;
}

.privacy .title06{
	background	:url("img/privacy_h3_05.gif") no-repeat left bottom;
}

.privacy p{
	padding	:0 25px 0 15px;
}

ul.privacy01{
	list-style	:none;
	margin	:0 0 15px 40px;
}

ul.privacy01 li{
	line-height	:2;
}

/*-----------------------------------------------
 __about
-----------------------------------------------*/

.about{
	margin	:40px 0 0 0;
	padding	:0 0 30px 0;
}

.about h2.title01{
	width	:450px;
	height	:25px;
	background	:url("img/about_h2.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.about .title02{
	width	:310px;
	height	:25px;
	background	:url("img/about_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:30px 0 15px;
}

.about .title02{
	width	:310px;
	height	:25px;
	background	:url("img/about_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
}

.about .title03{
	width	:450px;
	height	:25px;
	background	:url("img/about_h3_01.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:35px 0 0 0;
}

.about .title04{
	width	:160px;
	height	:20px;
	background	:url("img/about_h3_02.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:25px 0 15px;
}

.about .title05{
	width	:160px;
	height	:20px;
	background	:url("img/about_h3_03.gif") no-repeat left bottom;
	text-indent	:-9999px;
	margin	:20px 0 15px;
}

.about td.title{
	width	:70px;
}

.about td{
	padding	:5px 6px;
}

.about table{
	margin	:0 0 35px 0;
}

.about p{
	padding	:0 5px 0 0;
}