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


.title-margin{
	margin:10px 0 10px 0;
}
.titlebar-margin{
	margin-top:40px;
}

/*------------------------------------------------------------------------------
------------------------      squid_system       -------------------------------
------------------------------------------------------------------------------*/

.btD{
	padding-left:30px;
	padding-top:15px;
	text-decoration		: none;
	background-image    : url(../../images/bar04.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	border-radius       : 5px;
	box-shadow:1px 1px 0 #fff inset, 1px 1px 3px rgba(0,0,0,0.1);
	display				: block;
	margin-bottom       : 10px;
}

#bt4{
	width               : 900px;
	height              : 38px;
	font-size           : 18px;
	color               : #000;
	text-align          : start;
	font-weight         : bold;
	margin-top:20px;
}

.title-margin{
	margin-top:30px;
}
#content ul{
	list-style:none;
	margin-left:20px;
}

#content-outline1{
	width:340px;
	float:left;
}

#content-outline2{
	width:220px;
	margin: 0 20px 0 20px;
	float:left;
}
#content-box{
    width:220px;
	height:340px;
	border: 1px solid #ddd;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 12px;
	margin-bottom:10px;
	list-style-position:inside;
}

#seigyo{
	width:940px;
	border:#006;
	border-radius:5px;
}


.omote{
	width : 369px;
	text-align : center;
}

#junji{
	width:900px;
	background-color:rgba(255,204,255,0.2);
	border-radius:5px;
	height:270px;
}
#junji_before{
	width:900px;
	height:304px;
	background:url(images/content8.jpg);
}

#j_before1{
	fontsize:14px;
	padding-left:200px;
	padding-top:30px;
	float:left;
}
#j_before2{
	fontsize:14px;
	color:#009;
	font-weight:bold;
	float:left;
	padding-top:30px;
	padding-left:320px;
}

#j_before3{
	font-size:14px;
	padding-top:220px;
	padding-left:600px;
}
	

#junji-title{
	text-align:center;
	color:#F3C;
	text-size:16px;
	font-weight:bold;
	padding-top:20px;
}

.content-tite{
	width:220px;
	height:40px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
}

.content-title p{
	display: inline-block;
	text-align:left;
	font-size:14px;
}
.content-text{
	width:200px;
	height:80px;
	padding-left:50px;
	margin-top:10px;
	list-style-position:inside;
}

.content-about{
	width:200px;
	height:20px;
}

#option-image1{
	width:100px;
	margin-left:20px;
	float:left;
}

#option-image2{
	width:150px;
	height:70px;
	background-image:url(images/direct1.png);
	background-repeat:no-repeat;
	margin-left:20px;
	float:left;
    margin-top:20px;
}

#option-text{
	width:300px;
	margin-left:20px;
	padding-top:20px;
	clear:left;
	font-size:12px;
}

.content_image{
	text-align:center;
	width:420px;
}

/*-----------------------------
--------　shakuri  ------------
-----------------------------*/


#movie-title{
	text-align:center;
	width:320px;
	font-size:12px;
}
#movie{
	width:420px;
	height:261px;
	margin-right:20px;
	float:left;
}

/*-----------------------------
--------　youdou  ------------
-----------------------------*/

#youdou{
	text-align:center;
	width:420px;
}

#youdou_image{
	background:url(images/youdou.png);
	width:420px;
	height:300px;
}
#youdou2_image{
	background:url(images/youdou2.png);
	width:420px;
	height:300px;
}

#before1{
	color:#fff;
	font-size:14px;
	padding-top:120px;
	padding-left:20px;
}
#before2{
	color:#fff;
	font-size:14px;
	padding-left:320px;
	width:80px;
}
#after1{
	color:#000;
	padding-left:130px;
	font-size:16px;
}
#after2{
	color:#000;
	font-size:16px;
	padding-left:300px
}

#junji_image{
	background:url(images/content10.png);
	width:546px;
	height:228px;
	float:right;
}
#junji1{
	padding-top:17px;
	padding-left:40px;
}
#junji2{
	padding-top:22px;
	padding-left:150px;
}

#junji3{
	padding-top:100px;
	padding-left:450px;
}


/*------------------------------------------------------------------------------
------------------------      squid_about       -------------------------------
------------------------------------------------------------------------------*/

/*-----------------------------
--------　  menu    ------------
-----------------------------*/

.menu-title{
	width:315px;
	text-align:center;
	text-decoration:none;
	font-size:20px;
	background:url(../../images/menu-button.png) no-repeat right center;
	padding-top:5px;
	padding-buttom:5px;
}
.menu-title a{
	text-decoration:none;
}
.menu-text{
	width:315px;
	text-align:center;
	font-size:12px;
}

.menu-space{
	width:315px;
	
}


.slide-space{
	width:720px;
	margin-right:100px;
	margin-left:100px;
	margin-top:40px;
	
}

#ship_about{
	width:720px;
	margin-right:110px;
	margin-left:110px;
	margin-top:60px;
	margin-bottom:100px;
	text-align:center;
	font-size:12px;
}

#ship_animetion{
	width:160px;
	height:161px;
	background:url(images/ship_animetion2.gif);
	background-repeat:no-repeat;
}

#ship_animetion p{
	color:#fff;
	padding-top:22px;
	padding-left:32px;
}


.ship{
	background:url(images/ship.png);
	width:940px;
	height:530px;
	
}

#metahara{
	margin-left:270px;
	margin-top:30px;
	font-size:12px;
}

#led-lamp{
	margin-left:610px;
	font-size:12px;

}

#spanker{
	margin-left:740px;
	font-size:12px;
}
#paraanker{
	margin-left:270px;
	margin-top:60px;
	font-size:12px;
	}
#squid_system{
	margin-top:180px;
	margin-left:450px;
	font-size:12px;
	
	}
#paraage{
	margin-left:200px;
	margin-top:20px;
	font-size:12px;}
	

#flow {
margin-left:10px;
padding:10px 20px 10px 20px;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-left:solid 1px #ccc;
border-top: solid 1px #ccc;
border-ladius: 5px;
height:112px;
}

#flow_bar{
	background:url(images/flow_background.jpg);
	background-repeat:no-repeat;
	width:209px;
	height:763px;
}
#flow_bar2{
	background:url(images/flow_background_02.jpg);
	background-repeat:no-repeat;
	width:209px;
	height:763px;
}

.flow_box{
	display: table-cell;
	width:209px;
	height:150px;
	color:#fff;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	float:left;
}
.flow_box2{
	display: table-cell;
	width:209px;
	height:150px;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	float:left;
}


.flow_box p{
	display: inline-block;
	text-align:center;
	padding-top:30%;
}
.flow_box2 p{
	display: inline-block;
	text-align:center;
	padding-top:30%;
}

.comment{
	width:920px;
	margin-top:40px;
}