@charset "EUC-JP";

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

* {
	margin:0;
	padding:0;
}

body {
	background:#FED8A9;
	font-size:74.5%;
	font-family:verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",Sans-Serif;
	color:#646464;
	line-height:1.5;
}

html {
	overflow-y:scroll;
}

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		:#FF9E29;
}

a:link {
	color		:#FF9E29;
}

a:visited {
}

a:hover {
	color		:#2BB2AF;
	text-decoration	:none;
}

a:active {
}

a:focus{
	outline:none;
}


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

#container{
	width	:900px;
	margin	:0 auto;
	background	:url("../img/back.jpg");
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header{
	margin	:0 auto;
	width	:800px;
	height	:155px;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer	{
	margin	:30px auto 0;
	width	:780px;
	border-top: 1px solid #E5E5E5;
	padding	:20px 10px 10px;
	clear	:both;
}

#footer_top	{
	margin	:0 auto;
	width	:780px;
	padding	:10px;
	clear	:both;
}

.copy{
	text-align	:right;
	font-size	:85%;
	color	:#787878;
}

#footer_top .copy{
	text-align	:right;
	font-size	:90%;
	color	:#787878;
}


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

#contents_form,
#contents_about,
#contents_example,
#contents_privacy,
#contents_support,
#contents_flow,
#contents_price,
#contents_why{
	width	:780px;
	margin	:0 50px 0 70px;
	overflow:hidden;
}

#contents_top{
	width	:800px;
	margin	:0 auto;
	padding	:0;
}

#contents_form{
	background	:url(../img/form_8sei.jpg) no-repeat 535px bottom;
}

/* __heading
------------------------------------------*/

#contents_example h1{
	margin	:25px 25px 25px 10px;
	width	:110px;
	height	:30px;
	float	:left;
	background	:url("../img/example_h1.gif") no-repeat left top;
	text-indent	:-9999px;
}

#contents_form h1{
	margin	:25px 25px 25px 10px;
	width	:130px;
	height	:30px;
	background	:url("../img/form_h1.gif") no-repeat left top;
	text-indent	:-9999px;
}

#contents_about h1{
	margin	:25px 25px 25px 10px;
	width	:130px;
	height	:30px;
	background	:url("../img/about_h1.gif") no-repeat left top;
	text-indent	:-9999px;
}

#contents_privacy h1{
	margin	:25px 25px 15px 10px;
	width	:230px;
	height	:30px;
	background	:url("../img/privacy_h1.gif") no-repeat left top;
	text-indent	:-9999px;
}

#contents_support h1{
	margin	:25px 25px 25px 10px;
	width	:186px;
	height	:30px;
	background	:url("../img/support_h1.gif") no-repeat left top;
	text-indent	:-9999px;
}

#contents_flow h1{
	margin	:25px 25px 25px 10px;
	width	:186px;
	height	:30px;
	background	:url("../img/flow_h1.gif") no-repeat left top;
	text-indent	:-9999px;
}

#contents_price h1{
	margin	:25px 25px 25px 10px;
	width	:186px;
	height	:30px;
	background	:url("../img/price/h1.gif") no-repeat left top;
	text-indent	:-9999px;
}


/* __top
-----------------------------*/
h1.top_cap{
	text-align	:right;
	font-weight	:normal;
	font-size	:100%;
}


/* __example
-----------------------------*/

#contents_example h2{
	color	:#FF9E29;
	font-size	:140%;
	font-weight	:normal;
	line-height: normal;
	padding-top: 5px;
}

#contents_example .cap{
	text-align	:center;
	clear: both;
}

#contents_example div.box_frame {
	width: 753px;
	clear: both;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin-left: 10px;
	margin-bottom: 30px;
}

#contents_example div.box {
	width: 220px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 15px;
	float: left;
	height: 210px;
	text-align: center;
}

.bt_form{
	background	:url("../img/example_bt.gif") no-repeat left top;
	text-indent	:-9999px;
}
.bt_form a{
	display	:block;
}

.bt_form,
.bt_form a{
	margin	:5px auto 0;
	width	:200px;
	height	:30px;
}

.cash{
	float	:right;
	margin	:10px 25px 0 0;
}

*html .cash{
	margin	:10px 10px 0 0;
}

*:first-child+html .cash{
	margin	:10px 25px 5px 0;
}

/* __form
------------------------------------------*/

#contents_form table{
	border	:1px solid #E5E5E5;
	border-collapse: collapse;
	padding	:15px;
	margin	:0 10px 10px;
	width	:520px;
}

#contents_form td{
	border	:1px solid #E5E5E5;
	border-collapse: collapse;
	padding	:5px 15px;
}

#contents_form .cap{
	margin	:0 10px 10px;
}

#contents_form p{
	width	:520px;
	margin	:0 10px 10px;
}

input.middle{
	width	:150px;
}

input.small{
	width	:50px;
}

input.large{
	width	:300px;
}

.detail{
	width	:300px;
	height	:50px;
}

input.submit{
	width	:210px;
	color	:#FFF;
	background	:#FF9E29;
	padding	:2px 30px;
	font-size	:130%;
	border	:0px;
	display	:block;
	cursor	:pointer;
	margin	:0 0 50px 155px;
}

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


#contents_about table{
	border	:1px solid #E5E5E5;
	border-collapse: collapse;
	padding	:15px;
	margin	:0 10px 10px;
	width	:520px;
}

#contents_about td{
	border	:1px solid #E5E5E5;
	border-collapse: collapse;
	padding	:5px 15px;
}

#contents_about .title{
	text-align	:center;
	width	:50px;
}
#contents_about .koe{
	float:left;
	width: 760px;
}
#contents_about .cap{
	padding-left: 260px;
}
#contents_about img{
	float:left;
}
/* __privacy
-----------------------------*/


#contents_privacy table{
	border	:1px solid #E5E5E5;
	border-collapse: collapse;
	padding	:15px;
	margin	:0 10px;
	width	:760px;
}

#contents_privacy td{
	border	:1px solid #E5E5E5;
	border-collapse: collapse;
	padding	:5px 15px;
}

#contents_privacy p.cap{
	width	:520px;
	margin	:0 0 30px 10px;
}

#contents_privacy h2{
	color	:#FF9E29;
	font-size	:140%;
	font-weight	:normal;
	margin	:10px 0;
}

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

.blue{
	color	:#2BB2AF;
}

.orange{
	color	:#FF9E29;
}

.green{
	color	:#2BB2AF;
}

.center{
	text-align	:center;
}

.font140{
	font-size	:140%;
}

.font80{
	font-size	:80%;
	color	:#FFB96C;
}

.m20{
	margin	:20px;
}

.m40{
	margin	:40px;
}

/*-----------------------------------------------
 __bunner.200812
-----------------------------------------------*/
#bunner1{
	margin: 10px;

}
#bunner{
	float: right;
	width: 330px;
}
#f_con{
	margin-left: 20px;
	float: right;
	width: 370px;
}

.content{
	width: 680px;
	margin: 0 auto 50px;
}

.content .title{
	margin-bottom: 5px;
}

.content .in{
	width: 640px;
	padding:0 10px;
	margin: 0 auto;
}

.content .in .caption2{
	width	:500px;
}

.content .in2{
	width: 640px;
	margin: 0 0 0 40px;
}

/*support*/
.six_img {
	margin: 10px 0 20px;
}
#six_table{
	border: 2px solid #E0B438;
	border-collapse: collapse;
	margin-left: 20px;
}

#six_table td{
	border: 1px solid #E0B438;
	padding: 3px 10px;
}

#six_table .left{
	font-size: 144%;
	font-weight: bold;
	color: #E0B438;
	text-align: center;
	width: 130px;
}

#six_table .right{
	width: 470px;
}

.client_img {
	margin-top:20px;
}

.check{
	background: url(../img/support_check.gif) no-repeat 0% 50%;
	font-size: 130%;
	font-weight: bold;
	color: #E0B438;
	padding: 10px 0 0 30px;
}
.check_text{
	color: #A58534;
	border-bottom: 1px dashed #E0B438;
	padding-bottom: 5px;
}

.client_last {
	margin-top: 30px;
	text-align: center;
}

#contents_support .caption{
	padding:10px 0 10px 0;
}

#contents_support .caption3{
	width	:500px;
	float	:left;
}

/*flow*/

.point {
	background: url(../img/support_check.gif) no-repeat 0% 50%;
	font-size: 110%;
	font-weight: bold;
	color: #E0B438;
	padding: 10px 0 0 30px;
}

.img20 {
	margin: 30px 20px 0 0;
}

.note {
	font-size: 77%;
}

#contents_flow .flow_8sei{
	margin	:-15px 0 0 150px;
}

.chara_red{
	background	:url(../img/flow_8sei.jpg) no-repeat 460px top;
}


/*-----------------------------------------------
 __chara
-----------------------------------------------*/

#king_chara {
	margin: 20px auto 0;
}


#king_chara p{
	width:670px;
	border:1px solid #D2A368;
	padding	:15px 25px;
	margin:15px 30px;
	color:#D2A368;
}


/*-----------------------------------------------
 __price
-----------------------------------------------*/

/* sub_menu */

#contents_price ul.sub_menu{
	width	:202px;
	height	:329px;
	padding-left:493px;
	margin	:0 0 10px 20px;
	background	:url(../img/price/img.gif) no-repeat left top;
}

#contents_price ul.sub_menu li.s01{
	width	:191px;
	height	:35px;
	text-indent	:-9999px;
}

#contents_price ul.sub_menu li.s11{
	width	:191px;
	height	:37px;
	text-indent	:-9999px;
}

#contents_price ul.sub_menu li.s02,
#contents_price ul.sub_menu li.s03,
#contents_price ul.sub_menu li.s04,
#contents_price ul.sub_menu li.s05,
#contents_price ul.sub_menu li.s06,
#contents_price ul.sub_menu li.s07,
#contents_price ul.sub_menu li.s08,
#contents_price ul.sub_menu li.s09,
#contents_price ul.sub_menu li.s10{
	width	:191px;
	height	:25px;
	text-indent	:-9999px;
}

#contents_price ul.sub_menu li.s01 a{
	width	:191px;
	height	:35px;
	display	:block;
}

#contents_price ul.sub_menu li.s11 a{
	width	:191px;
	height	:37px;
	display	:block;
}

#contents_price ul.sub_menu li.s02 a,
#contents_price ul.sub_menu li.s03 a,
#contents_price ul.sub_menu li.s04 a,
#contents_price ul.sub_menu li.s05 a,
#contents_price ul.sub_menu li.s06 a,
#contents_price ul.sub_menu li.s07 a,
#contents_price ul.sub_menu li.s08 a,
#contents_price ul.sub_menu li.s09 a,
#contents_price ul.sub_menu li.s10 a{
	width	:191px;
	height	:25px;
	display	:block;
}

#contents_price ul.sub_menu li.s01 a{
	background:url(../img/price/menu.gif) no-repeat left top;
}
#contents_price ul.sub_menu li.s01 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px top;
}

#contents_price ul.sub_menu li.s02 a{
	background:url(../img/price/menu.gif) no-repeat left -35px;
}
#contents_price ul.sub_menu li.s02 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -35px;
}

#contents_price ul.sub_menu li.s03 a{
	background:url(../img/price/menu.gif) no-repeat left -60px;
}
#contents_price ul.sub_menu li.s03 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -60px;
}

#contents_price ul.sub_menu li.s04 a{
	background:url(../img/price/menu.gif) no-repeat left -85px;
}
#contents_price ul.sub_menu li.s04 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -85px;
}

#contents_price ul.sub_menu li.s05 a{
	background:url(../img/price/menu.gif) no-repeat left -110px;
}
#contents_price ul.sub_menu li.s05 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -110px;
}

#contents_price ul.sub_menu li.s06 a{
	background:url(../img/price/menu.gif) no-repeat left -135px;
}
#contents_price ul.sub_menu li.s06 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -135px;
}

#contents_price ul.sub_menu li.s07 a{
	background:url(../img/price/menu.gif) no-repeat left -160px;
}
#contents_price ul.sub_menu li.s07 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -160px;
}

#contents_price ul.sub_menu li.s08 a{
	background:url(../img/price/menu.gif) no-repeat left -185px;
}
#contents_price ul.sub_menu li.s08 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -185px;
}

#contents_price ul.sub_menu li.s09 a{
	background:url(../img/price/menu.gif) no-repeat left -210px;
}
#contents_price ul.sub_menu li.s09 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -210px;
}

#contents_price ul.sub_menu li.s10 a{
	background:url(../img/price/menu.gif) no-repeat left -235px;
}
#contents_price ul.sub_menu li.s10 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -235px;
}

#contents_price ul.sub_menu li.s11 a{
	background:url(../img/price/menu.gif) no-repeat left -260px;
}
#contents_price ul.sub_menu li.s11 a:hover{
	background:url(../img/price/menu.gif) no-repeat -191px -260px;
}

/* other */

#contents_price .left_menu{
	width	:320px;
	margin	:0 40px 0 20px;
	float	:left;
}

* html #contents_price .left_menu{
	margin	:0 40px 0 10px;
}

#contents_price .right_menu{
	width	:320px;
	float	:left;
}

#contents_price h2{
	width	:300px;
	height	:35px;
	text-indent:-9999px;
}

#contents_price .menu01 h2{
	background:url(../img/price/h2_01.gif) no-repeat left top;
}

#contents_price .menu02 h2{
	background:url(../img/price/h2_02.gif) no-repeat left top;
}

#contents_price .menu03 h2{
	background:url(../img/price/h2_03.gif) no-repeat left top;
}

#contents_price .menu04 h2{
	background:url(../img/price/h2_04.gif) no-repeat left top;
}

#contents_price .menu05 h2{
	background:url(../img/price/h2_05.gif) no-repeat left top;
}

#contents_price .menu06 h2{
	background:url(../img/price/h2_06.gif) no-repeat left top;
}

#contents_price .menu07 h2{
	background:url(../img/price/h2_07.gif) no-repeat left top;
}

#contents_price .menu08 h2{
	background:url(../img/price/h2_08.gif) no-repeat left top;
}

#contents_price .menu09 h2{
	background:url(../img/price/h2_09.gif) no-repeat left top;
}

#contents_price .menu10 h2{
	background:url(../img/price/h2_10.gif) no-repeat left top;
}

#contents_price .menu11 h2{
	background:url(../img/price/h2_11.gif) no-repeat left top;
}

#contents_price table{
	width	:310px;
	margin	:5px 0 20px 10px;
	border-collapse	:collapse;
}

#contents_price table tr.title{
	color	:#000000;
	background	:#F0F0F0;
}

#contents_price table td{
	padding	:3px 10px;
	border	:1px solid #CCC;
}


#contents_price table td.ex{
	color	:#FF9E29;
	font-weight	:bold;
	font-size	:110%;
}

/*-----------------------------------------------
 __why
-----------------------------------------------*/

#contents_why img{
	margin	:25px 25px 25px 10px;
}