@charset "utf-8";
/** styke sheet
ver.1.0 C.Technocraft. Tomomi Shonai
**/

html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.tm{
	vertical-align:top;
	font-size:30%;
}

header{
	width:1000px;
	margin:0 auto;
	
}

header :after{
	content:"";
	clear:both;
	display: block;
}

.head_h1{
	font-size:32px;
	width:500px;
	float: left;
}

.head_r{
	float:right;
}

.head_on{
	width: 300px;
}

.head_on:after{
	content:" ";
	clear:both;
	display: block;
}

.head_r_left{
	font-size:18px;
	width:150px;
	float:left;
	margin-bottom:0px;
}

.head_r_right{
	font-size:18px;
	width:150px;
	float:right;
	margin-bottom:0px;
}

#head_line{
	margin-top:10px;
	width:1000px;
	height:70px;
	background-color:#17184b;
}

nav{
	width:1000px;
	margin:0 auto;
}

.nav_ul{
	width:760px;
	margin:0 auto;
	list-style: none;
	padding:20px;
}

.nav_li{
	width:140px;
	display: inline-block;
	text-align:center;
}

section{
	width:1000px;
	margin:0 auto;
}

.h2_art{
	width:300px;
	vertical-align:top;	
	padding:14px;
	display:inline-block;
	
}

.h2_p{
	height:250px;
}

.h2_css{
	font-size:18px;
	
}

.h2_li{
	margin-left:-20px;
}

.h2_css_per{
	text-align: center;
	font-size:18px;
	padding-top:25px;
}

#center{
	width:100%;
	text-align: center;
	margin-bottom:30px;
}

.button_css{
	border:2px #17184b solid;
	padding:10px 20px 10px 20px;
	width:200px;
	text-align: center;
	text-decoration: none;
	color:#17184b;
	
}

.button_css:hover{
	border:2px #17184b solid;
	padding:10px 20px 10px 20px;
	width:200px;
	text-align: center;
	text-decoration: none;
	background-color:#17184b;
	color:#ffffff;
}

.h2_p02{
	height:220px;
}

.h2_p03{
	height:265px;
}

#company_border{
	border:2px solid #17184b;
	padding:20px;
}

#company_border:after{
	content:" ";
	clear:both;
	display:block;
}

.company_img{
	float:left;
}

#company_text{
	float:right;
	padding:0;
	margin:0;
}

.company_name{
	font-weight:bold;
	font-size:18px;
	margin:0;
}

.company_acsess{
	font-size:14px;
}

.contact_h3{
	margin-top:30px;
	font-size:18px;
	border-bottom:1px solid #cccccc;
}

footer{
	background-color:#17184b;
	margin:40px auto 0px auto;
	width:1000px;
	color:#ffffff;
	height:170px;
}

#copy{
	font-size:14px;
	text-align: center;
	padding:20px;
}

.sitemap_ul{
	list-style:none;
	font-size:14px;
	text-align: center;
	margin-left:-30px;
}

.sitemap_li{
	display: inline-block;
	margin:10px;
}

.sitemap_li a{
	color:#ffffff;
	text-decoration:none;
}

.sitemap_li a:visited{
	color:#ffffff;
	text-decoration:none;
}

.sitemap_li a:hover{
	color:#ffac8c;
	text-decoration:none;
}

.sitemap_li a:active{
	color:#ffac8c;
	text-decoration:none;
}

.nav_li a{
	color:#000000;
	text-decoration:none;
}

.nav_li a:visited{
	color:#000000;
	text-decoration:none;
}

.nav_li a:hover{
	color:#84a2d4;
	text-decoration:none;
}

.nav_li a:active{
	color:#84a2d4;
	text-decoration:none;
}

/*about_company*/

#about_section{
	padding-top:50px;
	width:800px;
	margin:0 auto;
}

.about_table{
	width:800px;
	border:1px #cccccc dotted;
	padding:10px;
}

.about_th{
	padding:10px;
	text-align:center;
}

.about_td{
	border:1px #cccccc solid;
	padding:10px;
}

.line-height{
	color:#1D1D1D;
	line-height: 2em;
}

.align_right{
	text-align: right;
	padding-right:30px;
	color:#1D1D1D;
}

.head_h1 a:link{
	text-decoration: none;
	color:#000000;
}
.head_h1 a:visited{
	text-decoration: none;
	color:#000000;
}
.head_h1 a:hover{
	text-decoration: none;
	color:#00010F;
}
.head_h1 a:active{
	text-decoration: none;
	color:#000000;
}

.view{
	padding:50px;
	text-align: center;
}

.view a:link{
	text-decoration: none;
	font-weight: bold;
	color:#000;
}

.view a:visited{
	text-decoration: none;
	font-weight: bold;
	color:#000;
}

.view a:hover{
	text-decoration: none;
	font-weight: bold;
	color:#A4A6FF;
}

.view a:active{
	text-decoration: none;
	font-weight: bold;
	color:#000;
}

.about_title{
	text-align: center;align-content; 
}