@charset "utf-8";

/*************基本設定************************/


*{
	margin:0;
	padding:0;
	border:0;
}

body {
	font-size: 62.5%;
	font-family: "メイリオ","ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ　Ｐゴシック", sans-serif;
	line-height:1.6;
	background:#E3E3E3;
}


ul{
	list-style:none;
}

img{
	border-style:none;
}

a{
	text-decoration:none;
	overflow:hidden;
}

p{
	font-size:1.2em;
}

a:link {
	text-decoration: underline;
	color: #5f92be;
	}
a:visited{
	text-decoration: underline;
	color: #5f92be;
}
a:active {
	text-decoration: underline;
	color: #5f92be;
}
a:hover{
	text-decoration: underline;
	color: #ff9900;
}

/********レイアウト全体************************/

#wrapper {
	width: 720px;
	margin: 0 auto;
	background:#ffffff;
}



.clearfix {
    overflow: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .clearfix {
    height: 1em;
    overflow: visible;
}
/**/


span.txt_blue{
	color:#6aa0cf;
}

span.txt_red{
	color:#eb5e00;
}

span.more{
	color:#6aa0cf;
	text-decoration:underline;
}


/**************************************************/
#head {
	background: url(../image/topbg.gif) repeat-x;
	height: 29px;
	position:relative;
	width:100%;
}

#text_position{
	position:absolute;
	top:9px;
	left:30px;
}

h1{
	font-size:1.0em;
	margin-left:20px;
}

h2.title{
	text-align:center;
	margin-bottom:20px;
}

div.inquiry{
	text-align:center;
	margin-top:20px;
}

h3{
	margin-left:30px;
}


/*****************summary************************/

div#summary{
	position:relative;
	width:100%;
	height:310px;

}

p.leftjustify{
	width:330px;
	margin-left:30px;
	margin-top:10px;
	text-align:justify;
	text-justify: inter-ideograph;
}

div#image_summary{
	position:absolute;
	top:65px;
	left:445px;
}

div#summary h3{
	margin-top:10px;
}

div#summary h4{
	margin-top:10px;
	margin-left:25px;
}

/****************************motion************************/

div#motion{
	position:relative;
	width:100%;
	xbackground:#F30;
	height:1000px;
}


p#motion_ex{
	margin-left:30px;
}

#motion h3{
	margin-top:10px;
	margin-bottom:10px;
}

div#fundamotion_img{
	text-align:center;
}

div#tojo{
	position:absolute;
	left:46px;
}

div#teichi{
	position:absolute;
	left:203px;
}

div#idou{
	position:absolute;
	left:366px;
}

div#kuse{
	position:absolute;
	left:544px;
}

div.motion_image_ex{
	width:111px;
}

h4.fundamotion_headline{
	text-align:center;
}

div#move1{
	position:absolute;
	top:360px;
}

#move1 h4{
	margin-left:30px;
}

#move1 p{
	margin-left:30px;
	background:url(../image/border.gif) bottom left no-repeat;
	margin-bottom:8px;
}

/***********************patterns*********************************/

div#patterns{
	position:relative;
	width:100%;
	height:910px;
}

div#box1{
	position:absolute;
	top:150px;
	left:50px;
}

div#box2{
	position:absolute;
	top:150px;
	left:441px;
}

div#box3{
	position:absolute;
	top:370px;
	left:50px;
}
	
div#box4{
	position:absolute;
	top:370px;
	left:440px;
}

div#box5{
	position:absolute;
	top:690px;
	left:40px;
}

div#box6{
	position:absolute;
	top:690px;
	left:280px;
}

div#box7{
	position:absolute;
	top:690px;
	left:490px;
}

div.move2{
	margin-left:40px;
}


div#patterns_border1{
	position:absolute;
	top:331px;
	left:35px;
}

div#patterns_border2{
	position:absolute;
	top:660px;
	left:35px;
}



/******material************/


div#material h3{
	margin-bottom:25px;
}

div#material p{
	margin-left:30px;
}

div#material h4{
	margin-left:30px;
}

p#material_ex1{
	margin-bottom:40px;
}

div#dimension2{
	position:relative;
	width:100%;
}

div#ex_anti-aliasing{
	position:absolute;
	top:-22px;
	left:555px;
}

p#material_ex2{
	position:absolute;
	top:50px;
	left:300px;
}

div#popup{
	position:relative;
	width:100%;
}

div#balloon{
	position:relative;
	width:100%;
}


div#dimension2 p{
	margin-bottom:3px;
}

div#material h4{
	margin-bottom:15px;
}

p#material_ex3{
	margin-top:20px;
	margin-bottom:10px;
}

div.material_border{
	margin-bottom:10px;
	margin-top:5px;
	margin-left:30px;
}

p#material_ex4{
	margin-bottom:25px;
}

div#popup h3{
	margin-bottom:25px;
	margin-top:20px;
}

p.material_ex5{
	margin-bottom:90px;
}

div#ex_popup{
	position:absolute;
	top:0px;
	left:470px;
}

div#ex_balloon{
	position:absolute;
	top:10px;
	left:470px;
}

div#balloon h3{
	margin-top:20px;
}

div#preview{
	position:relative;
	width:100%;
}


div#ex_preview{
	position:absolute;
	top:0;
	left:480px;
}

div#preview h3{
	margin-top:20px;
}

p#material_ex6{
	margin-bottom:50px;
}

div#inquiry_add{
	margin-bottom:30px;
}

/**************specification*********************/


div.specification_border{
	margin:7px 0px 10px 30px;
}

h3#specification_ex1{
	margin-top:20px;
}

p#specification_ex2{
	margin:5px 0 20px 30px;
}

p#specification_ex3{
	margin-bottom:20px;
}

p{
	margin-left:30px;
}

h4{
	margin-left:30px;
	margin-bottom:5px;
}

h3{
	margin-bottom:20px;
}

p.model{
	margin-bottom:17px;
	text-align:justify;
	text-justify: inter-ideograph;
}

#totop{
	text-decoration:underline;
}

/***********price****************/

div.undertitle_txt{
	margin-left:30px;
	margin-top:10px;
}

div#price_ex1{
	margin-bottom:20px;
}

div#two_d_price h3{
	margin-top:0px;
}



div#two_d_price{
	position:relative;
	width:100%;
	height:145px;
}

div#two_price1{
	position:absolute;
	top:40px;
	left:60px;
}

div#two_price2{
	position:absolute;
	top:40px;
	left:330px;
}

p#two_txt{
	position:absolute;
	top:95px;
	left:30px;

}

div#two_line{
	position:absolute;
	top:115px;
	left:30px;
}




div#three_d_price{
	position:relative;
	width:100%;
	height:175px;
}


p#three_txt1{
	position:absolute;
	top:95px;
	left:30px;
}

p#three_txt2{
	position:absolute;
	top:118px;
	left:30px;
}


div#three_d_price h3{
	margin-top:0px;
}

div#three_price1{
	position:absolute;
	top:40px;
	left:60px;
}

div#three_price2{
	position:absolute;
	top:40px;
	left:330px;
}

div#three_line{
	position:absolute;
	top:140px;
	left:30px;
}

div#price_ex2{
	margin-left:30px;
}

h3#condition{
	margin-top:25px;
	margin-bottom:10px;
}

div#condition_wrap{
	margin-left:30px;
}

p#price_ex3{
	margin-bottom:15px;
}

div#inquiry_add2{
	padding-bottom:30px;
}

/**services**/

div#txt_production{
	text-align:center;
}


div.services_img{
	text-align:center;
	margin-bottom:15px;
}

p.services_txt{
	width:680px;
	margin:0 0 15px 22px;
}

a.services_link{
	text-decoration:underline;
}



	

/**footer**/


span.white {
	text-decoration: underline;
	color: #FFFFFF;
}



#footer {
	width: 710px;
	margin: 0px auto;
	padding: 6px 0px;
	padding-right:10px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	background: #5f92be;
}

div#footer_links{
	text-align:center;
	padding-top:10px;
}

.text_center{
	text-align:center;
	margin-top:5px;
	font-size:10px;
	font-weight:lighter;
}

#m_buttom{
	padding-bottom:10px;
}

/**machiuo**/


#logo{
	position:absolute;
	left:53px;
	top:-5px;
	
	
}

#machiuo_position{
	position:relative;
	height:375px;
}


#kumanomi_flash{
	position:absolute;
	left:500px;
	top:0px;
	
}


#aquarium_outline{
	position:absolute;
	width:450px;
	left:0px;
	top:65px;
	text-align:justify;
	text-justify: inter-ideograph;
}

/*****************************/

#to_qr{
	position:absolute;
	top:193px;
	left:130px;
	font-size:1.5em;
	font-weight:bold;
	color:#0063ff;
}

#taiou{
	position:absolute;
	top:220px;
	left:130px;
	width:290px;
	text-align:justify;
	text-justify: inter-ideograph;

}

* html p#taiou{
	font-size:1.0em;
	
}



#qr_code{
	position:absolute;
	top:195px;
	left:30px;
}

#menu_access{
	position:absolute;
	top:268px;
	left:145px;
	
}

/*****************************/

#machiuo_name{
	position:relative;
	color:#ff9400;
	font-weight:bold;
	left:471px;
	top:192px;
	font-size:1.1em;
	
}



#dcg{
	width:520px;
	position:relative;
	font-size:1.5em;
	top:295px;
	left:103px;	
}

.career{
	font-size:1.2em;
}




/**machiuo_end**/

/*****************************/