﻿/* CSS Document */
/*Reset CSS*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}
table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
:focus,:link,:visited{outline:none;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
/*clearfix*/
.clearfix:after{display:block;height:0;clear:both;visibility:hidden;content:".";line-height:0;font-size: 0;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}.clearfix {display: block;}
/* End hide from IE-mac */
img{vertical-align:bottom; line-height:0;}
fieldset,img{border:0;}q:before,q:after {content:'';}abbr,acronym { border:0;}
/*accessibility
--------------------------------------------------------------------------------------*/
.clear{clear:both;}
.accessibility{display:none;}
/*genelar
--------------------------------------------------------------------------------------*/
.left{float:left;}.right{float:right;}img.mdl{vertical-align:middle}img.btm{vertical-align:baseline;}img.top{vertical-align:top;}img.block{display:block;}
.center{text-align:center;}.ccenter{margin-right:auto; margin-left:auto;}.txtleft{text-align:left;}.txtright{text-align:right;}
/*Basic
--------------------------------------------------------------------------------------*/
html{width:100%;font-size:62.5%;}
body{color:#333333;width:100%; line-height:1.6;}
a:link,a:focus,a:visited{color:#00b7ee;font-weight:normal;outline:none; text-decoration:none;}
a:hover{color:#0696c8;text-decoration: underline;}
li{ list-style-position:outside;}
/*fonts--------------------------------------------------*/
body{
font-size:120%;
color:#000;
}
.mincho{
font-family: "ヒラギノ明朝 Pro W3","HGP明朝E","ＭＳ Ｐ明朝", "細明朝体";font-style:normal;
}
.arial{font-family:Arial, Helvetica, sans-serif;}
.small{font-size:0.8em;}

/*layouts--------------------------------------------------*/
.Width{
width:960px;
margin:0 auto;
text-align:left;

}
#Wrapper{
}
#container{
	padding:15px 0 30px;
	background:#fff;
}
#left_column{
	width:745px;
	/*space 15px*/
	float:left;
	overflow:hidden;
}
#right_column{
	width:200px;
	float:right;
}
/*html===============================================*/
html{
background:#fff;
}
body{
	border-top:10px solid #00b7ee;
	text-align:center;
}

/*Header===============================================*/
#head_navigation{
}

#header{
	background:url("../images/header/bg.png");
	height:100px;
	overflow:hidden;
}

#mainlogo{
	float:left;
	padding:10px 0 0;
	width:260px;
}
#header .box{
}

#mainmenu{
	overflow:hidden;
	background:url("../images/mainmenu/bg.png") repeat-x;
	height:60px;
	border:1px solid #fff;
}
#mainmenu .list{
}

#mainmenu .item{
	float:left;
	padding:5px 35px;
/*	padding:5px 53px;*/
}
#mainmenu .item a{
	display:block;
}
#mainmenu .current{
	background:url("../images/mainmenu/bg_on.png") repeat-x;
	
}

#mainmenu .item img{
	vertical-align:middle;
}
/*basic===============================================*/
.jump{
	padding-right:1.5em;
	background:url("../images/style/jump.png") no-repeat 100% 50%;
}
.jump:hover{
	background:url("../images/style/jump_on.png") no-repeat 100% 50%;
}

/*footer===============================================*/
#footer{
	text-align:right;
}
#footer .gototop{
	background:url("../images/style/dot_gray_01.png");

}
#footer .gototop .box{
	border-top:1px solid #ccc;
	text-align:center;
	padding:5px 0;	
}
#footer .gototop .box .link{
	display:block;
	width:100%;
}

#copyright{
	background:#000;
	padding:0.4em 0;
	font-family:Arial, Helvetica, sans-serif;
}
#copyright .box{
	color:#FFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
/*mainimage===============================================*/
#mainimage{
	background:url("../images/mainimage/bg_3.png") repeat-x top #fff;
	height:250px;
	overflow:hidden;
}
#mainimage .box{
	background:url("../images/mainimage/bg_2.png") no-repeat 50% 80% ;
	text-align:center;
	padding:95px 0;
}
/*index===============================================*/

#index_banners{
	margin-bottom:15px;
}
#kamiwaza_banner{
	margin-bottom:15px;
}
#manual_banner{
	float:left;
}
#dl_banner{
	float:right;
}

#index_news{
	margin-bottom:15px;
}
#index_news .title{
	background:url("../images/index/news_bg.png") bottom repeat-x #f3f3f3;
	padding:10px 0 10px 1em;
	margin-bottom:15px;
}
#index_news .item{
	margin-bottom:7px;
	background:url("../images/index/news_icon.png") 0 0% no-repeat;
	padding-left:20px;
}
#index_news .date,#index_news .text{
	float:left;
}
#index_news .text{
	width:650px;
}
#index_news .date{
	width:75px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}




.bt15{
	margin-bottom:15px;
}

#page_index #top_text{
	margin-bottom:30px;
	background:url("../images/index/image_02.png") 100% 100% no-repeat;
}
#page_index #top_text .sub{
	margin:15px 0;
}


#page_index #top_text .text{
	padding-top:15px;
	overflow:hidden;
}
#page_index #top_text .text .box{
	color:#666;
	line-height:1.8;
}

#page_index #top_text .text_bottom{
	margin-top:15px;
}

#sim_image .origin{
	margin-bottom:15px;
}
#sim_image .origin .image{
	float:left;
	width:185px;
}
#sim_image .origin .text{
	float:left;
	width:520px;
	
}
#sim_image .origin .sub{
	margin:15px 0;
}

#page_index #sim_image{
	border:1px solid #eee;
	padding:15px 15px 0;
	margin-bottom:15px;
}
#page_index #simulation .item{
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}

/*side==============================================*/
#side_banners .item{
	margin-bottom:15px;
}
/*page===============================================*/
.page_title{
	margin-bottom:15px;
}
.txt_box{
	padding:15px;
	border:1px dashed #ccc;
	margin-bottom:15px;
}


.page .title{
	margin-bottom:15px;
	padding:5px 0;
	padding-left:15px;
	border-left:5px solid #000;

}


.page  .big_image{
	margin-bottom:15px;
}


#page_kamiwaza .func .sub{
	margin-bottom:5px;
}

#page_kamiwaza .func .text{
	margin-bottom:10px;
	padding-left:20px;
}


/*contact===============================================*/
.Table,.Table td,.Table th{border-color:#292929;border-style:solid;}
.Table .left,.Table .right{float:none;}
.Table{
border-width:0; width:100%;
border-collapse:separate;
border-spacing:5px;	
}
.Table td,.Table th{border-width:0 0 0px 0;padding:15px;}
.Table .left{
width:30%; text-align:center;
background:url("../images/style/dot_wb_01.png");
color:#fff;
font-weight:bold;
}
.Table th{text-align:center; background:#f6f6f6;}
.Table input{
	width:80%;
}
.Table textarea{
	width:80%;
	height:20em;
}

.Table input.sendBtn{
	border:1px solid #999;
	height:4em;
	background:url("../images/style/dot_y_01.png");
	margin-bottom:5px;
}
.Table input.sendBtn:hover{
	background:#000;
	color:#fff;
}

.errorContainer{
	margin:15px auto;
	padding:15px;
	border:5px solid #ff0000;
	color:#ff0000;
	text-align:center;
	background:url("../images/contact/error.png") 0 0 no-repeat;

}
.PageSubject{
	margin:15px auto;
	padding:15px;
	border:1px solid #999;
}

/*download*/
#page_download .thumb{
	float:right;
	width:315px;
}
#page_download .thumb .item{
	margin-bottom:15px;
}
#page_download .text_area{
	float:left;
	width:415px;
	overflow:hidden;
}
#page_download .sub{
	margin-bottom:15px;
}

#page_download .howto{
	background:url("../images/style/dot_gray_02.png");
	color:#FFF;
	padding:0.5em;
	padding-left:1em;
	margin:15px auto;
}
#page_download .howtolist .item{
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:2em;
}
#page_download .cont{
	margin-bottom:15px;
}
#page_download .limit span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	margin:0 5px;
	font-weight:bold;
	color:#00b7ee;
}

.img01{
	padding:5px;
	background:url("../images/style/dot_wb_01.png");
}


/*News=====================================================*/
.pageListNum{
	margin-bottom:15px;
}
.pageListNum .item{
	display:inline;
	margin-right:5px;
}
#page_news #index_news .text{
	margin-bottom:5px;
}
#page_news .back_list{
	margin-bottom:15px;
	text-align:right;
}
.singlePost .title{
	font-size:1.4em;
	margin-bottom:5px;
}
#page_news .singlePost .date{
	font-weight:bold;
	color:#666;
	text-align:right;
	margin-bottom:15px;
	background:url("../images/style/dot_gray_01.png");
	padding:0.2em;
	padding-right:1em;
}
#page_news .singlePost .text{
}
/*END News=====================================================*/


#page_manual .text{
	margin-bottom:15px;	
}

#page_manual #video_display{
	margin-bottom:15px;
}
#page_manual .text .box{
	margin-bottom:15px;
}

/*salon===============================================*/
#page_salon .maintxt{
	margin-bottom:15px;
}
#page_salon .text{
	margin-bottom:15px;
	padding:15px;
	border:1px dashed #ccc;
	margin-bottom:15px;

}
#page_salon .title{
	border:0;
	background:url("../images/salon/title_bg.png") no-repeat 0 50%;
	padding-left:40px;
}

#page_salon #suggest .box{
	padding:0 15px 15px 40px;
	padding:15px 30px;
	background:#f9f9f9;
	margin-bottom:15px;
}



/*footnavi===============================================*/
#footnavi {
	background:#333;
	padding:10px 0;
	text-align:center;
}
#footnavi .item{
	padding:12px;
	text-align:center;
	display:inline;
	margin-right:50px;
}





