@charset "utf-8";
/* CSS Document */

#t_header{
	display:block;
	background: #EBEBEB;
	background: -moz-linear-gradient(top, #FBFBFB, #EBEBEB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#EBEBEB));
	border-bottom:#B4B4B4 solid 1px;
}
#t_line{
	display:block;
	background:url(/images/head_line.gif) repeat-x left top;
}
#t_head_inner{
	display:block;
	width:960px;
	margin:0 auto;
}
#t_head_inner h1{
	text-align:center;
	font-size:12px;
	text-shadow:1px 1px 0 #000;
	height:16px;
	color:#FFF;
	padding-top:9px;
	line-height:100%;
}
#t_head_inner .leftArea{
	display:inline-block;
	width:346px;
	float:left;
	padding-top:13px;
}
#t_head_inner .leftArea strong{
	font-weight:normal;
	font-size:15px;
	text-shadow:1px 1px 0 #FFF;
	line-height:125%;
}
#t_head_inner .centerArea{
	display:inline-block;
	width:285px;
	height:56px;
	float:left;
	background:url(/images/logo_bg.gif) no-repeat center top;
	text-align:center;
	padding:7px 0 0 0;
}
#t_head_inner .rightArea{
	display:inline-block;
	width:306px;
	float:right;
	margin-top:7px;
	padding:6px 10px;
	background:#FFF;
	border:#DFDFDF solid 1px;
	border-radius:8px;
	box-shadow:1px 1px 0 #FFF;
}
#t_head_inner .rightArea ul li{
	display:inline-block;
	float:left;
}
#t_head_inner .rightArea ul li a{
	display:inline-block;
	color:#FFF;
	border-radius:5px;
	font-size:14px;
	box-shadow:1px 1px 2px #DDD;
}
#t_head_inner .rightArea ul li a span{
	display:block;
	height:26px;
	vertical-align:middle;
}
#t_head_inner .rightArea ul li.btn_reg a{
	width:156px;
	margin-right:10px;
	background: #FFA800;
	background: -moz-linear-gradient(top, #FFC001, #FFA800);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC001), to(#FFA800));
	border:#E2AA01 solid 1px;
	text-shadow:1px 1px 0 #AF6F01;
}
#t_head_inner .rightArea ul li.btn_reg a:hover{
	background: #D99200;
	background: -moz-linear-gradient(top, #D9A301, #D99200);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D9A301), to(#D99200));
	color:#D9D9D9;
	border:#C09101 solid 1px;
}
#t_head_inner .rightArea ul li.btn_reg a span{
	background:url(/images/icon_regist.png) no-repeat 22px 8px;
	padding:7px 0 0 46px;
}
#t_head_inner .rightArea ul li.btn_login a{
	width:136px;
	background: #499A23;
	background: -moz-linear-gradient(top, #57AB26, #499A23);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57AB26), to(#499A23));
	border:#368220 solid 1px;
	text-shadow:1px 1px 0 #2D691B;
}
#t_head_inner .rightArea ul li.btn_login a:hover{
	background: #3F841E;
	background: -moz-linear-gradient(top, #4A9220, #3F841E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A9220), to(#3F841E));
	color:#D9D9D9;
	border:#2E6F1B solid 1px;
}
#t_head_inner .rightArea ul li.btn_login a span{
	background:url(/images/icon_login.png) no-repeat 26px 8px;
	padding:7px 0 0 50px;
}
#contents_bg{
	display:block;
	background:url(/images/contents_bg.jpg) repeat-x left top;
	border-top:#FFF solid 1px;
}
#contents{
	display:block;
	width:970px;
	margin:0 auto;
}
#contents #mainArea{
	display:block;
	width:100%;
	height:322px;
	background:url(/images/main_bg.jpg) no-repeat left top;
}
#contents #mainArea .leftArea{
	display:block;
	width:462px;
	float:left;
	padding:18px 0 0 10px;
}
#contents #mainArea .leftArea #slideArea{display:block;}
#contents #mainArea .leftArea #slideArea #slide{
	display:block;
	width:412px;
	height:257px;
	overflow:hidden;
}
#contents #mainArea .leftArea #slideArea #slide #slide_inner{display:inline-block;}
#contents #mainArea .leftArea #slideArea #slide ul li{display:none;}
#contents #mainArea .leftArea #slideArea #slide ul li:first-child{cursor:pointer;}
#contents #mainArea .leftArea #slideArea #slide_back{
	display:none;
	width:40px;
	height:30px;
	position:absolute;
	left:50%;
	top:235px;
	margin-left:-500px;
	background-color:rgba(0,0,0,0.4);
	color:#FFF;
	border-radius:3px;
	font-size:30px;
	text-align:center;
	padding:10px 0 0 0;
	cursor:pointer;
}
#contents #mainArea .leftArea #slideArea #slide_next{
	display:none;
	width:40px;
	height:30px;
	position:absolute;
	left:50%;
	top:235px;
	margin-left:-77px;
	background-color:rgba(0,0,0,0.4);
	color:#FFF;
	border-radius:3px;
	font-size:30px;
	text-align:center;
	padding:10px 0 0 0;
	cursor:pointer;
}
#contents #mainArea .leftArea:hover #slideArea #slide_back,
#contents #mainArea .leftArea:hover #slideArea #slide_next{display:block;}
#contents #mainArea .leftArea #slideArea #slide_back:hover,
#contents #mainArea .leftArea #slideArea #slide_next:hover{background-color:rgba(0,0,0,0.8);}
#contents #mainArea .rightArea{
	display:block;
	width:498px;
	float:right;
	padding:40px 0 0 0;
}
#contents #mainArea .rightArea h2{padding:0 0 15px 0;}
#contents #mainArea .rightArea a{margin:0 0 0 0;}
#contents #snsArea{
	display:block;
	width:415px;
	padding:14px 0 0 0;
	text-align:center;
}
#contents #snsArea iframe.twitter-share-button{
	width:105px !important;
}

#contents #chara{
	display:inline-block;
	position:absolute;
	left:50%;
	margin-left:300px;
	top:235px;
}
#contents #flowArea{
	display:block;
	border:#A7A7A7 solid 1px;
	background: #F3F3F3;
	background: -moz-linear-gradient(top, #FFF, #F3F3F3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F3F3F3));
	box-shadow:1px 1px 2px #CDCDCD;
	margin-bottom:20px;
}
#contents #flowArea_border{
	display:block;
	border:#FFF solid 1px;
}
#contents #flowArea_inner{
	display:block;
	width:718px;
	margin:0 auto;
	padding:20px 0 0 0;
}
#contents #flowArea_inner h2{
	margin-bottom:14px;
	text-align:center;
}
#contents #flowArea_inner dl dt{
	display:block;
	width:142px;
	height:79px;
	padding:24px 0 0 0;
	float:left;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#0F5E66;
	line-height:110%;
}
#contents #flowArea_inner dl dt.flow01{background:url(/images/flow_bg01.gif) no-repeat left center;}
#contents #flowArea_inner dl dt.flow02{background:url(/images/flow_bg02.gif) no-repeat left center;}
#contents #flowArea_inner dl dt.flow03{background:url(/images/flow_bg03.gif) no-repeat left center;}
#contents #flowArea_inner dl dt.flow04{background:url(/images/flow_bg04.gif) no-repeat left center;}
#contents #flowArea_inner dl dd{
	display:block;
	width:50px;
	height:100px;
	float:left;
	background:url(/images/flow_arrow.gif) no-repeat 10px 41px;
}
#contents #easyArea{
	display:block;
	border:#A7A7A7 solid 1px;
	margin-bottom:20px;
}
#contents #easyArea h2{
	display:block;
	width:100%;
	height:39px;
	padding:13px 0 20px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	text-shadow:1px px 0 #000;
	background:url(/images/easy_title.png) no-repeat center top;
}
#contents #easyArea .innerLine{
	display:block;
	width:890px;
	margin:0 auto;
}
#contents #easyArea .innerLine li{
	display:block;
	width:50%;
	float:left;
	height:120px;
}
#contents #easyArea .innerLine li:nth-child(3),
#contents #easyArea .innerLine li:nth-child(4){
	height:105px;
}
#contents #easyArea .innerLine li img{
	display:inline-block;
	float:left;
	padding-right:20px;
}
#contents #easyArea .innerLine li span{
	display:inline-block;
	width:345px;
	float:left;
	line-height:140%;
}
#contents #easyArea .innerLine li span strong{
	display:block;
	line-height:125%;
	padding-bottom:8px;
	font-size:18px;
	color:#0677AC;
}
#contents #settingArea{
	display:block;
	border:#CACACA solid 1px;
	border-radius:8px;
	background:#F9F9F9;
	box-shadow:1px 1px 2px #DDD;
	margin-bottom:20px;
}
#contents #settingArea .title{
	display:block;
	font-size:16px;
	font-weight:bold;
	text-shadow:1px 1px 0 #FFF;
	color:#333;
	border-radius:8px 8px 0 0;
	background: #F0F0F0;
	background: -moz-linear-gradient(top, #F7F7F7, #F0F0F0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#F0F0F0));
	border-bottom:#CACACA solid 1px;
}
#contents #settingArea .title span{
	display:block;
	padding:15px 0 11px 42px;
	background:url(/images/icon_title.gif) no-repeat 15px 13px;
}
#contents #settingArea .innerLine{
	display:block;
	padding:18px;
	border-top:#FFF solid 1px;
}
#contents #settingArea .innerLine li{
	display:block;
	width:33%;
	height:70px;
	float:left;
}
#contents #settingArea .innerLine .btn{
	display:inline-block;
	float:left;
	width:42px;
	height:42px;
	padding:6px 0 0 6px;
	border:#AFAFB2 solid 1px;
	background: #F6F6F6;
	background: -moz-linear-gradient(top, #FFF, #F6F6F6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F6F6F6));
	border-radius:8px;
	box-shadow:1px 1px 2px #CCC;
}
#contents #settingArea .innerLine span{
	display:inline-block;
	float:left;
	width:220px;
	padding:3px 0 0 20px;
	font-size:12px;
	text-shadow:1px 1px 0 #FFF;
	background:url(/images/icon_arrow.gif) no-repeat 11px 7px;
	line-height:140%;
}
#contents #settingArea .innerLine span strong{
	display:block;
	color:#333;
	font-weight:bold;
	margin-bottom:3px;
}
#contents p.alignCenter img{
	box-shadow:1px 1px 2px #CCC;
	border-radius:4px;
}
#contents .ssl{
	text-align:center;
	margin-top:15px;
}

/* ▽下層 */
#page_title{border-top:#FFF solid 1px;}
#page_title h2{
	background:url(/images/icon_license.gif) no-repeat left center;
	width:940px;
	padding:10px 0 10px 30px;
	margin:0 auto;
	font-size:18px;
	text-shadow:1px 1px 0 #FFF;
}
#contents #catchArea{
	display:block;
	height:90px;
	padding:2px 0 0 123px;
	margin:20px 0 20px 0;
	background:url(/images/img_catch.gif) no-repeat left top;
}
#contents #catchArea p{
	padding-top:15px;
	font-size:14px;
	line-height:140%;
}
#contents #priceArea{
	display:block;
	border:#CBCBCB solid 1px;
	padding:18px;
	margin-bottom:20px;
}
#contents #priceArea h2{
	display:block;
	padding-left:25px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	color:#333;
	background:url(/images/icon_price.gif) no-repeat left top;
}
#contents #priceArea .leftArea{
	display:inline-block;
	width:450px;
	padding:18px 0 15px 0;
	background:#FFFBEC;
	border-radius:5px;
}
#contents #priceArea .leftArea dl dt{
	display:inline-block;
	float:left;
	text-align:right;
	width:245px;
	text-shadow:1px 1px 0 #FFF;
}
#contents #priceArea .leftArea dl dd{
	display:inline-block;
	float:left;
	text-align:right;
	width:140px;
	color:#FF0000;
	text-shadow:1px 1px 0 #FFF;
}
#contents #priceArea .leftArea dl.items{
	display:block;
	height:50px;
	border-bottom:#EEDD8E solid 1px;
}
#contents #priceArea .leftArea dl.items dt{font-size:14px;}
#contents #priceArea .leftArea dl.items dt span{font-size:11px;}
#contents #priceArea .leftArea dl.items dd{font-size:14px;}
#contents #priceArea .leftArea dl.total{
	display:block;
	padding-top:15px;
	border-top:#FFF solid 1px;
	font-weight:bold;
}
#contents #priceArea .leftArea dl.total dt{font-size:20px;}
#contents #priceArea .leftArea dl.total dt span{font-size:14px;}
#contents #priceArea .leftArea dl.total dd{font-size:20px;}

#contents #priceArea .rightArea{
	display:inline-block;
	float:right;
	width:460px;
	padding:10px 0 0 ;
}
#contents #priceArea .rightArea ol li{
	display:block;
	padding-left:1.2em;
	font-size:14px;
	line-height:150%;
	background:url(/images/icon_kome.gif) no-repeat left 5px;
}
#contents #funcArea{
	display:block;
	border:#CACACA solid 1px;
	border-radius:8px;
	background:#F9F9F9;
	box-shadow:1px 1px 2px #DDD;
	margin-bottom:20px;
}
#contents #funcArea .title{
	display:block;
	font-size:16px;
	font-weight:bold;
	text-shadow:1px 1px 0 #FFF;
	color:#333;
	border-radius:8px 8px 0 0;
	background: #F0F0F0;
	background: -moz-linear-gradient(top, #F7F7F7, #F0F0F0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#F0F0F0));
	border-bottom:#CACACA solid 1px;
}
#contents #funcArea .title span{
	display:block;
	padding:15px 0 11px 42px;
	background:url(/images/icon_title.gif) no-repeat 15px 13px;
}
#contents #funcArea .innerLine{
	display:block;
	padding:15px 18px 25px 18px;
	border-top:#FFF solid 1px;
}
#contents #funcArea .innerLine li{
	display:block;
	width:50%;
	float:left;
}
#contents #funcArea .innerLine .btn{
	display:inline-block;
	float:left;
	width:40px;
	height:40px;
	padding:8px 0 0 8px;
	border:#AFAFB2 solid 1px;
	background: #F6F6F6;
	background: -moz-linear-gradient(top, #FFF, #F6F6F6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F6F6F6));
	border-radius:8px;
	box-shadow:1px 1px 2px #CCC;
}
#contents #funcArea .innerLine span{
	display:inline-block;
	float:left;
	width:380px;
	padding:15px 0 0 15px;
	font-size:14px;
	text-shadow:1px 1px 0 #FFF;
	line-height:140%;
}
#contents #funcArea .innerLine span strong{
	display:block;
	font-weight:normal;
	font-size:18px;
	margin-bottom:15px;
}

#serviceArea{
	display:block;
	padding:25px 0 0 0;
}
#serviceArea #serviceArea_inner{
	display:block;
	width:970px;
	margin:0 auto;
	padding-bottom:30px;
}
#serviceArea .service_listArea{
	display:block;
	width:780px;
	float:left;
	border-right:#CCC solid 1px;
}
#serviceArea .service_listArea ul li{
	display:block;
	float:left;
	text-align:center;
	width:180px;
	padding:0 15px 10px 0;
}
#serviceArea .service_listArea ul li .logoLine{
	display:block;
	text-align:center;
	height:40px;
	margin-bottom:10px;
}
#serviceArea .service_listArea ul li a{color:#333;}
#serviceArea .service_listArea ul li strong{
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	font-size:16px;
}
#serviceArea .service_listArea ul li a span{
	display:block;
	font-size:11px;
	line-height:130%;
	color:#333;
}
.companyArea{
	display:block;
	width:165px;
	float:left;
	padding:0 0 0 15px;
	text-align:left;
	color:#333;
}
.companyArea p{
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:120%;
}
.companyArea p img{
	display:block;
	padding:2px 0 6px 0;
}
.companyArea address{
	font-size:11px;
	color:#666;
	line-height:130%;
}