@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	:0px auto 0;
	width	:780px;
	border-top: 1px solid #E5E5E5;
	padding	:20px 10px 10px;
	clear	:both;
	background-color: white;
}

#footer_top	{
	margin	:0 auto;
	width	:770px;
	padding	:10px;
	clear	:both;
	background-color: white;
}

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

#footer_top .copy{
	text-align	:right;
	font-size	:80%;
	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{
	clear: both;
	text-align	:right;
	font-weight	:normal;
	font-size	:100%;
}


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

#contents_example h2{
	color	:#FF9E29;
	font-size	:140%;
	font-weight	:normal;
	line-height: 1.2;
	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: 220px;
	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%;
}

.font120{
	font-size	:120%;
}

.font100{
	font-size	:100%;
}

.font90{
	font-size	:90%;
}

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

.m20{
	margin	:20px;
}

.m40{
	margin	:40px;
}

/*-----------------------------------------------
 __bunner.200812
-----------------------------------------------*/
#bunner1{
	margin: 10px 10px 10px 0px;
	position: relative;
    top: -65px;

}
#bunner{
	float: right;
	width: 330px;
	padding: 25px 25px 25px 0;
	    position: relative;
    left: -28px;
}
#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;
	clear:both;
}


/*-----------------------------------------------
 __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;
}




.page {
	width:100%;
	height:20px;
	clear:both;
	margin:10px 0;
}

.box h2 .nallow {
	letter-spacing:-1px;
	
	
}

/*-----------------------------------------------
 ÄɲÃʬ2015/3/16
-----------------------------------------------*/



.ban_reform {
	position:relative;
	left:10px;
}

header#header {
	position: relative;
	background-color: white;
	height: 126px;
}

header#header h1.logo {
	background:url(../img/top/ttl.jpg) no-repeat;
	display:block;
	width:552px;
	height:114px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute
	top:0px;
	left:0px;
}

header#header .tel {
	background:url(../img/top/ban_tel.jpg) no-repeat;
	width:248px;
	height:57px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute;
	top:0px;
	right:0px;
}

header#header .mail {
	background:url(../img/top/ban_mail.jpg) no-repeat;
	width:172px;
	height:21px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute;
	top:57px;
	right:76px;
	z-index: 100;
}

header#header .siryo {
	background:url(../img/top/ban_siryo.png) no-repeat;
	width:245px;
	height:63px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute;
	top:60px;
	right:0px;
}

header#header .siryo:hover {
	background:url(../img/top/ban_siryo_o.png) no-repeat;
	width:245px;
	height:63px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute;
	top:60px;
	right:0px;
}

.ban-area .ttl {
	background-color: #FE9D29;
	text-align: left;
	height: 30px;
	width: 100%;
	color: white;
	line-height: 30px;
	padding-left: 15px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 119%;
margin-bottom: 15px;
}

footer#footer ul.m_logo {
	display: inline-block;
	text-align: center;
}

footer#footer ul.m_logo li {
	width: 87px;
	height: 47px;
	float: left;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-right: 10px;
	margin-bottom: 9px;
}

footer#footer ul.m_logo li.ban01 {
	background: url(../img/top/m_ban01.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban02 {
	background: url(../img/top/m_ban02.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban03 {
	background: url(../img/top/m_ban03.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban04 {
	background: url(../img/top/m_ban04.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban05 {
	background: url(../img/top/m_ban05.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban06 {
	background: url(../img/top/m_ban06.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban07 {
	background: url(../img/top/m_ban07.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban08 {
	background: url(../img/top/m_ban08.jpg) no-repeat;
	margin-right: 0px;
}

footer#footer ul.m_logo li.ban09 {
	background: url(../img/top/m_ban09.jpg) no-repeat;
}


footer#footer ul.m_logo li.ban010 {
	background: url(../img/top/m_ban010.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban011 {
	background: url(../img/top/m_ban011.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban012 {
	background: url(../img/top/m_ban012.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban013 {
	background: url(../img/top/m_ban013.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban014 {
	background: url(../img/top/m_ban014.jpg) no-repeat;
}


footer#footer ul.m_logo li.ban015 {
	background: url(../img/top/m_ban015.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban016 {
	background: url(../img/top/m_ban016.jpg) no-repeat;
	margin-right: 0px;
}

footer#footer ul.m_logo li.ban017 {
	background: url(../img/top/m_ban017.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban018 {
	background: url(../img/top/m_ban018.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban019 {
	background: url(../img/top/m_ban019.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban020 {
	background: url(../img/top/m_ban020.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban021 {
	background: url(../img/top/m_ban021.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban022 {
	background: url(../img/top/m_ban022.jpg) no-repeat;
}

footer#footer ul.m_logo li.ban023 {
	background: url(../img/top/m_ban023.jpg) no-repeat;
}




#twitter {
	overflow: hidden;
    height: 600px;
    margin-bottom: 25px;
}

.ban-area {
	margin-top:-50px;
}