@charset "UTF-8";
/* ------------------------------
		RESET
------------------------------ */

*{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html, body {
	height: 100%;
}

 
h1,h2,h3,h4,h5,h6,p,ul {
	margin: 0;
	padding: 0;
}

html {
	overflow-y:scroll;

}

img {
	border:0;
	
}

a{
	outline-width:none;/*Firefox*/
}

a{
	color:#666666;
	text-decoration:underline;
}

a:visited{
	color:#666666;
}
a:hover{
	color:#FF9900;
	text-decoration:none;	
}
body{
	font-size:80%;
	line-height:1.7em;
	color:#666666;
	}
/* ------------------------------
		Common
------------------------------ */
.clear{
	clear:both;
	}
#list_icon li{
	background:url(../img/icon.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	color:#333333;
	list-style:none;
	}
.margin_top15{
	margin-top:15px;
	}
#comment_h2{
	font-size:12px;
	color:#999999;
	margin:15px 0 30px 0;
	}
.margin_b15{
	margin-bottom:15px;
	}
.margin_b40{
	margin-bottom:40px;
	}
#p_center{
	text-align:center;
	background:#EFEFF1;
	}
#orange_link{
	font-size:130%;
	font-weight:bold;
	color:#FF9900;
	margin-bottom:15px;
	}
#orange_link a{
	font-size:100%;
	font-weight:bold;
	color:#FF9900;
	margin-bottom:15px;
	}
.small{
	font-size:80%;
	color:#999999;
	}
.attention{
	font-weight:bold;
	color:#FF9900;
	font-size: 120%;
	}
/* ------------------------------
		Header
------------------------------ */
#header_logo{
	float:left;
	width:450px;
	padding-bottom: 10px;
	}
#header_contact{
	text-indent:-9999px;
	float: right;
	margin-top: 45px;
	}
#header_contact a{
	background:url(../img/header_menu_contact.jpg) no-repeat left top;
	width:238px;
	height:42px;
	display:block;
	overflow:hidden;
	margin-right:10px;
	}
#header_contact a:hover{
	background:url(../img/header_menu_contact.jpg) no-repeat left -42px;
	}
#wrapper_body{
	background:url(../img/header_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height: 400px;
	}
#wrapper_body_short{
	background:url(../img/header_bg_short.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:97px;
	}
/* ------------------------------
		Header_menu
------------------------------ */
#wrapper_header{
	width:850px;
	margin:0 auto;
	}
#header{
	background:url(../img/tel.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	height: 95px;
	}
#header_menu{
	background:url(../img/header_menu_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height: 46px;
	margin-bottom:30px;
	}
#header_menu ul{
	width:850px;
	margin:0 auto;
	}
#header_menu li{
	float:left;
	list-style:none;
	text-indent:-9999px;
	}
#menu_what a{
	background:url(../img/header_menu_what.jpg) no-repeat left top;
	width:206px;
	height:46px;
	display:block;
	}
#menu_what a:hover{
	background:url(../img/header_menu_what.jpg) no-repeat left -46px;
	}
#menu_mall a{
	background:url(../img/header_menu_mall.jpg) no-repeat left top;
	width:222px;
	height:46px;
	display:block;
	}
#menu_mall a:hover{
	background:url(../img/header_menu_mall.jpg) no-repeat left -46px;
	}
#menu_composition a{
	background:url(../img/header_menu_composition.jpg) no-repeat left top;
	width:83px;
	height:46px;
	display:block;
	}
#menu_composition a:hover{
	background:url(../img/header_menu_composition.jpg) no-repeat left -46px;
	}
#menu_use a{
	background:url(../img/header_menu_use.jpg) no-repeat left top;
	width:83px;
	height:46px;
	display:block;
	}
#menu_use a:hover{
	background:url(../img/header_menu_use.jpg) no-repeat left -46px;
	}
#menu_function a{
	background:url(../img/header_menu_list.jpg) no-repeat left top;
	width:99px;
	height:46px;
	display:block;
	}
#menu_function a:hover{
	background:url(../img/header_menu_list.jpg) no-repeat left -46px;
	}
#menu_open a{
	background:url(../img/header_menu_open.jpg) no-repeat left top;
	width:146px;
	height:46px;
	display:block;
	}
#menu_open a:hover{
	background:url(../img/header_menu_open.jpg) no-repeat left -46px;
	}
#menu_what_now a{
	background:url(../img/header_menu_what.jpg) no-repeat left -46px;
	width:206px;
	height:46px;
	display:block;
	}
#menu_mall_now a{
	background:url(../img/header_menu_mall.jpg) no-repeat left -46px;
	width:222px;
	height:46px;
	display:block;
	}
#menu_composition_now a{
	background:url(../img/header_menu_composition.jpg) no-repeat left -46px;
	width:83px;
	height:46px;
	display:block;
	}	
#menu_use_now a{
	background:url(../img/header_menu_use.jpg) no-repeat left -46px;
	width:83px;
	height:46px;
	display:block;
	}
#menu_function_now a{
	background:url(../img/header_menu_list.jpg) no-repeat left -46px;
	width:99px;
	height:46px;
	display:block;
	}
#menu_open_now a{
	background:url(../img/header_menu_open.jpg) no-repeat left -46px;
	width:146px;
	height:46px;
	display:block;
	}		
	
#header_img{
	background:url(../img/img_top.gif) no-repeat left;
	width:225px;
	height:109px;
	padding:195px 0 0 625px;
	}
#header_img a{
	background:url(../img/btn_demo_small.gif) no-repeat left top;
	width:212px;
	height:94px;
	display:block;
	text-indent:-9999px;
	}
#header_img a:hover{
	background:url(../img/btn_demo_small.gif) no-repeat left -94px;
	}
/* ------------------------------
		CONTENTS
------------------------------ */	
#wrapper_contents{
	width:830px;
	margin:0 auto;
	padding: 0 10px 0 10px;
	}
#wrapper_contents h2{
	margin-bottom:30px;
	}
#wrapper_contents h3{
	margin-bottom:15px;
	}
#wrapper_contents table td{
	}
#wrapper_contents table{
	margin-bottom:40px;
	}
#wrapper_contents table p{
	margin-bottom:20px;
	}
#box_width300{
	width:300px;
	}	
#box_width280 td{
	width:260px;
	vertical-align:top;
	}	
#box_width280 #p_r20{
	width:260px;
	padding-right:20px;
	vertical-align:top;
	}
#box_width280 td p{
	background:#F8F8F8;
	padding:15px 10px;
	}
#func_ec2{
	background:url(../img/img_top_function.gif) no-repeat left ;
	height:138px;
	width:830px;
	}	
#func_ec2 table{
	margin:65px 0 0 0;
	}
#func_ec2 table td{
	vertical-align:top;
	font-size:10px;
	line-height:1em;
	color:#999;
	padding:0;
	width:72px;
	text-align: center;
	}
/* ------------------------------
		COMPOSITION
------------------------------ */
#bg_composition_c{
	background:url(../img/img_composition_c.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:200px 0 40px 355px;
	
}

#bg_composition_p1{
	background:url(../img/img_composition_admin_many.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:130px;
	padding:330px 0 0 355px;
	margin-bottom:40px;
}	
#bg_composition_p2{
	background:url(../img/img_composition_admin_one.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:130px;
	padding:330px 0 0 355px;
	margin-bottom:40px;
}	

/* ------------------------------
		FUNCTION
------------------------------ */
#wrapper_contents #box_function{
	width:830px;
	border:1px solid #CCCCCC;
	margin-bottom:2px;
	}
#wrapper_contents #box_function_b{
	width:830px;
	border:1px solid #CCCCCC;
	margin-bottom:60px;
	}
#box_function td, #box_function_b td{
	vertical-align:top;
	padding:5px 10px;
	}
#box_function #title, #box_function_b #title{
	width:100px;
	background:#EFEFF1;	
}
#white_title{
	width:160px;
	}
#gray_title{
	width:160px;
	background:#F8F8F8;
	}
#gray{
	background:#F8F8F8;
	}
#wrapper_contents #subtitle td{
	background:#E2E2E7;
	padding:0 10px;
	}

/* ------------------------------
		CONTACT
------------------------------ */	
#contact_form{
	float:left;
	width:530px;
	}
#other_contact{
	float:right;
	width:290px;
	}
#wrapper_contents #box_form{
	width:530px;
	margin-bottom:10px;
	}
#wrapper_contents #box_form td{
	border-bottom:1px solid #EFEFF1;
	padding:15px 10px 15px 20px;
	vertical-align:top;
	}
#wrapper_contents #box_form #form_title{
	width:140px;
	padding:15px 20px 15px 0;
	text-align:right;
	}	
#policy{
	width:520px;
	height:150px;
	border:1px solid #CCCCCC;
	padding:5px;
	overflow-y:scroll;
	}
#policy h3{
	font-weight:bold;
	color:#666;
	font-size:110%;
	padding:15px;
	border-left:3px solid #999;
	}
#policy h4{
	font-weight:bold;
	color:#666;
	border-bottom:1px dashed #CCC;
	font-size:85%;
	margin-top:30px;
	}
#policy li{
	list-style:none;
	}
/* ------------------------------
		USE
------------------------------ */
#go_demo {
	text-indent:-9999px;
	}		
#go_demo a{
	background:url(../img/btn_demo.gif) no-repeat left top;
	width:830px;
	height:100px;
	display:block;
	}
#go_demo a:hover{
	background:url(../img/btn_demo.gif) no-repeat left -100px;
	}

/* ------------------------------
		LINKS
------------------------------ */	
#wrapper_contents #box_function2{
	width:830px;
	border:1px solid #EFEFF1;
	margin-bottom:2px;
	font-size:85%;
	color:#CCC;
	}
#wrapper_contents #box_function2 a{
	color:#999;
}
#box_function2 td{
	vertical-align:top;
	padding:0 10px;
	}
#box_function2 #title{
	width:100px;
	background:#EFEFF1;	
}
/* ------------------------------
		PAGE_TOP
------------------------------ */	
#pagetop{
	text-align:right;
	}


/* ------------------------------
		FOOTER
------------------------------ */
#wrapper_footer{
	border-top:3px solid #CCCCCC;
	background:#F8F8F8;
	padding: 5px 0;
	}
#footer{
	width:830px;
	font-size:80%;
	margin:0 auto;
	color:#999999;
	padding: 0 10px;
	}
#footer a{
	text-decoration:none;
	color:#999999;
	}
#footer a:visited{
	color:#999999;
	}
#footer a:hover{
	color:#FF9900;
	}