/* ▼	BrowserStyle Reset
====================================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, p{
	margin: 0; 
	padding: 0;
}
html{
	overflow-y: scroll;
}
ol, ul{
	list-style:none;
}
img{
	border:0;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
a{outline:none;}

/* IE6 */
li a{
	zoom: 1;
}
img{
	vertical-align: top;
}


/* ▼	Basis
====================================================== */
body {
	color: #333333;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	background-color: #eeeee4;
	/*background-image: url(../img/bg_obi2.jpg);
	background-repeat: repeat-x;
	background-position: center top;*/
}
#containnerbg{
	/*background:url(../img/bg_obi.jpg) no-repeat top center;*/
	border-top:#000 solid 10px;
}

.fleft{
	float:left;
}
.fright{
	float:right;
}
.clear:after{
	content:".";
	display: block;
	clear:both;
	height:0 ;
	visibility:hidden;
}
.txtbold{
	font-weight:bold;
}
.txtred{
	color:#ED7217;
}
.txt14{
	font-size:120%;
}
.txt10{
	font-size:84%;
}

.mb20{
    margin-bottom: 20px;
}
a{
	color:#333333;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

/* ▼	Contents
====================================================== */

/* head */
#head{
	width:944px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	position:relative;
	height:58px;
	margin-top:-10px;
}
#head h1{
	float:left;
	padding:30px 0 0 2px;
}
#head ul{
	float:right;
	overflow:hidden;
}
#head ul li{
	float:left;
}

/* consept */
#consept{
	background:url(../img/bg.png) repeat-y center top;
	width:940px;
	margin:0 auto;
	padding:0 2px;
	text-align:left;
}
#slideArea{
	background:url(../img/bg_top.png) no-repeat center top;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#slider{
	width: 717px;
	float: left;
}
#slider .caption{
	position:absolute;
	left:0;
	bottom:0;
	padding:8px 10px;
	width:713px;
	line-height:1.3;
	color:#FFF;
	font-weight: bold;
	background:url(../img/mainobi.png) no-repeat left top;
}
#slider-right{
	width:188px;
	height:310px;
	float:left;
	background:url(../img/main_titlebg.jpg);
	padding:30px 0 0 35px;
}
#slider-pager{
	position: absolute;
	top: 2px;
	left: 845px;
	padding: 30px 30px 30px 20px;
}
#slider-pager li{
	margin-bottom:-2px;
}
#acceptance{
	width:880px;
	margin:30px auto 20px auto;
}
#acceptance .fleft{
	width:255px;
}
#acceptance .fleft h3{
}
#acceptance .fleft p span{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
.caption2{
	text-align: right;
	padding-top:5px;
	font-size:9px;
	color:#999;
}
/* request */
#request{
	width:680px;
/*	height:226px;*/
	text-align:left;
	margin:0 auto 40px auto;
}
#request dl{
	overflow:hidden;
}
#request dl.wrap1{
/*	height:104px;*/
}
#request dl.wrap2{
/*	height:122px;*/
}
#request dl dt,
#request dl dd{
	float:left;
}
/* btn_area */
.btn_area{
/*	background:url(../img/bg_bottom.png) no-repeat center bottom;*/
	padding-left:56px;
	padding-bottom:50px;
	overflow:hidden;
}
.btn_area div.form_wrap{
	width:450px;
	float:left;
}
.btn_area div.pdf_wrap{
	width:408px;
	margin: 0 auto;
}
.btn_area p.link{
	padding-top:5px;
	width:940px;
	clear:both;
	padding-left:320px;
}
.btn_area p.link a{
	background:url(../img/calendar_pdf_ya.jpg) no-repeat 0 0;
	padding-left:17px;
	padding-bottom:5px;
	padding-top:1px;
}




/* totop */
.pagetop{
	background:url(../img/calendar_dot.jpg) no-repeat top left;
	width:940px;
	height:56px;
	margin:0 auto;
	padding-top:2px;
	overflow:hidden;
}
.pagetop p.copyright{
	float:left;
	color:#999;
}
.pagetop p.totop{
	float:right;
}
.pagetop p.totop a{
	background:url(../img/calendar_totop_ya.jpg) no-repeat 0 2px;
	padding-left:15px;
    padding-bottom: 2px;
}

#point{
	background:url(../img/bg.png) repeat-y center top;
	width:940px;
	margin:0 auto;
	padding:0 2px;
	text-align:left;
}

/* pointhead */
#pointhead{
	height:163px;
	padding-top:15px;
	padding-left:30px;
}


/* point common */
.pointnum{
	float: left;
	width: 102px;
}
.poexp{
	float:left;
}
.poexp .txt{
	padding-top:5px;
}

/* point1 */
#point1{
	width:880px;
	text-align:left;
	margin:0 auto;
	padding-bottom:20px;
}
#point1 .poexp .txt{
	width:560px;
	padding-left:15px;
}
#point1 ul{
	padding-right:14px;
	padding-bottom:12px;
}
#point1 .daihakuryoku{
	padding-top:10px;
}

/* point2 */
#point2{
	width:880px;
	text-align:left;
	margin:0 auto;
	padding-bottom:30px;
}
#point2 .wrap{
	width: 616px;
	padding-top: 0px;
}
#point2 .swrap{
	overflow:hidden;
}
#point2 .wrap .poexp .txt{
	width: 500px;
	padding-left:5px;
}
#point2 .fright{
	padding-top: 30px;
}
#point2 .wrap .zyoutou{
	display:block;
	padding-top: 14px;
	text-align: right;
	zoom:1;
}

/* point3 */
#point3{
	width:880px;
	text-align:left;
	margin:0 auto;
	padding-bottom:30px;
}
#point3 .poexp .txt{
	width: 700px;
	padding-left:13px;
}
#point3 .creater{
	zoom:1;
	width:880px;
	padding-top:15px;
}
#point3 .creater .member{
	background: url(../img/calendar_point3_bg.jpg) top left;
	zoom:1;
	padding-left:40px;
}
#point3 .creater .member dl{
	padding:17px 0 15px 0;
}

#point3 .creater .member dd{
	padding:0 30px 0 15px;
	width:205px;
}
#point3 .creater .member dd.photo{
	width:650px;
/*    width:260px  ;*/
}

#point3 .creater .member dd div{
	padding:0 0 1em 1em;
}
#point3 .creater .member dd .name{
	padding-bottom:5px;
}

/* point4 */
#point4{
	width:880px;
	text-align:left;
	margin:0 auto;
	padding-bottom:20px;
}
#point4 ul{
	background:url(../img/calendar_point4_bg.jpg) no-repeat center 58px;
	padding-left:100px;
}

/* point5 */
#point5{
	width: 880px;
	text-align: left;
	padding-bottom: 40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#point5 .poexp .txt{
	width:700px;
	padding-left:15px;
}
#point5 .wrap{
	padding-top: 15px;
	zoom:1;
}
#point5 .swrap{
	overflow:hidden;
}

/* order */
#order{
	background:url(../img/bg.png) repeat-y center top;
	width:940px;
	margin:0 auto;
	padding:0 2px;
	text-align:left;
}
#order h2{
	margin-bottom:3px;
}
#order h3{
	width:41px;
	float:left;
}
#order div.order1{
	overflow: hidden;
	width: 910px;
	padding-left: 30px;
	padding-top: 10px;
	height: 281px;
}
#order div.order1 ul{
	overflow: hidden;
	height: 437px;
	width: 839px;
}
#order div.order1 ul li.left{
	width: 419px;
	float: left;
	background-color: #C8E4F0;
}
#order div.order1 ul li.left div.wrap{
	overflow: hidden;
	height: 221px;
}
#order div.order1 ul li.left div.wrap div.left{
	width: 292px;
	float: left;
	text-align: left;
}
#order div.order1 ul li.left div.wrap div.left .mousikomi_btn{
	background:url(../img/calendar_order1_first_bg.jpg) repeat-y left top;
	padding-left: 34px;
}

#order div.order1 ul li.left div.wrap p.right{
	width: 127px;
	float: right;
}
#order div.order1 ul li.left .mousikomi_btn2{
	background:url(../img/calendar_order1_first_bg.jpg) repeat-y left top;
	padding-left: 34px;
}
#order div.order1 ul li.right{
	width: 419px;
	float: right;
	background-color: #FAF59C;
	height: 419px;
}
#order div.order1 ul li.right p.btn{
	background: url(../img/calendar_order1_continue_bg.jpg) repeat-y left top;
	padding-left: 34px;
}
#order div.order2{
	overflow: hidden;
	height: 372px;
	padding-left: 30px;
}
#order div.order3{
	overflow: hidden;
	height: 81px;
	padding-left: 30px;
}
#order div.order4{
	overflow: hidden;
	height: 271px;
	padding-left: 30px;
}
#order div.order4 div.wrap{
	float: left;
	width: 839px;
	overflow: hidden;
	background-color: #eaf4e9;
}
#order div.order4 div.wrap div.fleft{
	width:609px;
}
#order div.order4 dl{
	overflow: hidden;
	height: 60px;
}

#order div.order5{
    margin-top: 30px;
	padding-left: 30px;
}
#order div.order5 .box{
    display: flex;
    
}
#order div.tel{
	background:url(../img/bg_bottom.png) no-repeat center bottom;
	padding-bottom:20px;
	padding-left:30px;
}





#footer{
	background:#9A988D;
	height:90px;
	text-align:left;
	padding-top:15px;
}
#footer dl{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
#footer dl dt{
	width:65px;
	float:left;
}
#footer dl dd{
	float:left;
	color:#FFF;
}

p.intro{
    font-size: 14px;
    line-height: 1.6;
}