@charset "utf-8";

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}


h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
	}


table {
	border-spacing:0;
	}
	
	
* html table {
	border-collapse:collapse;
	}
	
	
*:first-child+html table {
	border-collapse:collapse;
	}
	
	
caption,th {
	text-align:left;
	font-weight:normal;
	}
	
	
table,th,td,img {
	border:0;
	}
	
	
img,input {
	vertical-align:middle;
	}
	
	
q:before,q:after {
	content:'';
	}
	
	
ul {
	list-style: none;
	}
	


.clear {
	clear:both;
}


	
body {
	color: #333;
	font-family :'MS PGothic', 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
	font-size: 62.5%;
	line-height: 1.7;
	text-align: center;
	background:url(../images/common/bg_header.jpg) repeat-x left -260px;
	}
	
	
body#index {
	color: #5a3a29;
	font-family :'MS PGothic', 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
	font-size: 62.5%;
	line-height: 1.7;
	text-align: center;
	background:url(../images/common/bg_header.jpg) repeat-x left 15px;
	}

	
h1 {
	font-size: 2em; /* 20px */
	}
	
	

h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
	}
	
	
h3 {
	margin: 0 0 1em 0;
	color: #333;
	font-size: 1.2em;
	font-family: sans-serif;
	}

	
	
p {
	font-size: 1.2em; /* 12px */
	}
	

	
 
table {
	margin-bottom: 1.5em;
	font-size: 1.2em;
	line-height: 1.7;
	}
	
	
select option {
	padding:0 5px;
}
	

#wapper {
	width:960px;
	height:auto;
	margin:0 auto;
	}


/*HEADER*/

#header {
	width:960px;
	height:133px;
	margin:0 auto;
	position:relative;
	}
	
	
#header h1 {
	width:390px;
	height:50px;
	position:absolute;
	top:10px;
	left:10px;
	}
	
	
#index #header {
	width:960px;
	height:408px;
	margin:0 auto;
	background:url(../images/common/top_img.jpg) 0 0 no-repeat;
	position:relative;
	}
	
	
#index #header h1 {
	width:390px;
	height:50px;
	position:absolute;
	top:10px;
	left:10px;
	}
	
	
#container {
	width:960px;
	padding:0;
	background:url(../images/common/bg_container.jpg) no-repeat 0 0 #FFF;
	margin:0;
	text-align:left;
	}
	
	
/*FOOTER*/
#footer01 {
	height:auto;
	padding:0;
	margin:0 auto;
	background:url(../images/common/bg_footer.jpg) 0 0 repeat-x;
	}
	
	
#footer-navi_bg {
	width:960px;
	height:56px;
	margin:0 auto 10px;
	background:url(../images/common/bg_l-menu.jpg) no-repeat 0 0;
	}
	
	
#navi-bg {
	width:450px;
	margin:17px auto;
	padding:10px 0 0;
	}
	
	
#navi-bg li {
	float:left;
	padding:0 10px;
	border-left:1px solid #333333;
	}
	
#first-li {
	border-left:none !important;
	}
	
	
#footer02 {
	width:960px;
	height:63px;
	margin:0 auto;
	padding:39px 0 0;
	position:relative;
	}
	
	
#footer02_logo2 {
	width:301px;
	height:24px;
	border-right:dotted #000000 1px;
	position:absolute;
	left:185px;
	bottom:37px;
	text-align:left;
	}
	
	
#footer02 p {
	width:310px;
	height:15px;
	position:absolute;
	right:155px;
	bottom:45px;
	}
	
	
/*menu*/
#bg-menu {
	width:940px;
	height:50px;
	padding:5px 10px 8px;
	background:url(../images/common/bg_menu.jpg) no-repeat 0 0;
	position:absolute;
	bottom:0;
	left:0;
	}
	
	
#menu {
	width:940px;
	height:50px;
	margin:0;
	padding:0;
	}
	
	
#menu li {
	width:188px;
	height:50px;
	float:left;
	}
	
	
#company a, #company a:link, #company a:visited {
	display:block;
	width:188px;
	height:50px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/common/menu.jpg) no-repeat 0 0;
	}
	
	
#company a:hover, #company a:active {
	background:url(../images/common/menu_on.jpg) no-repeat 0 0;
	}
	
	
#products a, #products a:link, #products a:visited {
	display:block;
	width:188px;
	height:50px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/common/menu.jpg) no-repeat -188px 0;
	}
	
	
#products a:hover, #products a:active {
	background:url(../images/common/menu_on.jpg) no-repeat -188px 0;
	}
	
	
#tech a, #tech a:link, #tech a:visited {
	display:block;
	width:188px;
	height:50px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/common/menu.jpg) no-repeat -376px 0;
	}
	
	
#tech a:hover, #tech a:active {
	background:url(../images/common/menu_on.jpg) no-repeat -376px 0;
	}
	
	
#works a, #works a:link, #works a:visited {
	display:block;
	width:188px;
	height:50px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/common/menu.jpg) no-repeat -564px 0;
	}
	
	
#works a:hover, #works a:active {
	background:url(../images/common/menu_on.jpg) no-repeat -564px 0;
	}
	
	
#contact a, #contact a:link, #contact a:visited {
	display:block;
	width:188px;
	height:50px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/common/menu.jpg) no-repeat -752px 0;
	}
	
	
#contact a:hover, #contact a:active {
	background:url(../images/common/menu_on.jpg) no-repeat -752px 0;
	}
	

/*contact*/	
#area-form {
	width:938px;
	height:88px;
	margin:50px auto 0;
	border:#CCCCCC solid 1px;
	}
	
	
#area-form_contact {
	width:225px;
	height:70px;
	margin:10px 0 10px 10px;
	border-right:dotted #000000 1px;
	float:left;
	}
	
	
#area-form_tel {
	width:439px;
	height:70px;
	margin:10px 0;
	border-right:dotted #000000 1px;
	float:left;
	text-align:center;
	}
	
	
#area-form_form {
	width:236px;
	height:70px;
	margin:10px 0 10px 9px;
	float:left;
	}
	
	
/*sub*/
#contents {
	width:940px;
	margin:10px 0 0;
	padding:0 10px 50px;
	}



#m-col {
	width:700px;
	float:right;
	margin:10px 0 0;
	padding:0 10px 0 0;
	}
/*left_menu*/	
	
#s-col {
	width:220px;
	float:left;
	margin:10px 0 0;
	padding:0 0 0 10px;
	}
	
	
	
#s-col ul.l-menu {
	width:220px;
	margin:0;
	padding:0;
	font-size:1.2em;
	}


	
#s-col ul.l-menu li {
	width:190px;
	width/*\**/:220px\9;
	height:25px;
	margin:0;
	padding:5px 0 0 30px;
	padding/*\**/:5px 0 5px 30px\9;
	background:url(../images/common/sub_title_icon.jpg) no-repeat 0 0;
	text-decoration:none;
	}
	
	
#s-col ul.l-menu a {
	text-decoration:none;
	color:#333333;
	}
	
	
#s-col ul.l-memu_title3 {
	margin:0 0 10px;
	padding:0;
	}
	
	
	
/* サイドメニュー　アコーディオン */
#s-col ul#navigation {
	margin:0;
	padding:0;
	list-style:none;
}


#s-col ul#navigation li {
	margin:0;
	padding:0;
}



#s-col ul#navigation li div {
	width/*\**/:220px\9;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#F1F2F2;
	padding:5px 5px 5px 30px;
	margin:0;
}



#s-col ul#navigation li a.head {
	display:block;
	width:190px;
	width/*\**/:220px\9;
	height:25px;
	height/*\**/:30px\9;
	margin:0;
	padding:5px 0 0 30px;
	padding/*\**/:5px 0 0 30px\9;
	background:url(../images/common/sub_title_icon.jpg) no-repeat 0 0 !important;
	background/*\**/:url(../images/common/sub_title_icon.jpg) no-repeat 0 0 !important\9;
	text-decoration:none;
	cursor:pointer;
	font-size:1.2em;
}



#s-col ul#navigation div a {
	display:block;
	padding:5px 0;
}


	
/* パンくずリスト */	
#breadcrumb {
	font-size:1.1em;
	}
	
	
#breadcrumb a {
	text-decoration:none;
	}
	
	
/* 各ページ共通TOPイメージ挿入エリア */
#area-top-img {
	width:940px;
	height:185px;
	background-color:#66CCFF;
	}
	
	
#m-col h2.newstitle {
	color:#36F;
	font-weight:bold;
	margin:0 0 10px;
	padding:0;
}



#m-col div.articleDetail {
	margin:0 0 30px;
}



#m-col h2.categoryTitle {
	color:#36F;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 15px;
}


#m-col div.categoryList {
	margin:0 0 30px;
	padding:0 15px 10px;
	border-bottom:1px dotted #CCC;
}

	
	
.mb0 {
	margin-bottom:0px;
	}

.mb5 {
	margin-bottom:5px;
	}
	
.mb10 {
	margin-bottom:10px;
	}

.mb15 {
	margin-bottom:15px;
	}
	
.mb20 {
	margin-bottom:20px;
	}

.mb25 {
	margin-bottom:25px;
	}

.mb30 {
	margin-bottom:30px;
	}

.mb35 {
	margin-bottom:35px;
	}

.mb40 {
	margin-bottom:40px;
	}

.mb45 {
	margin-bottom:45px;
	}
	
.mb50 {
	margin-bottom:50px;
	}
	
.mb55 {
	margin-bottom:55px;
	}
	
.mb60 {
	margin-bottom:60px;
	}

.mt0 {
	margin-top:0px;
	}

.mt5 {
	margin-top:5px;
	}

.mt10 {
	margin-top:10px;
	}

.mt15 {
	margin-top:15px;
	}

.mt20 {
	margin-top:20px;
	}

.mt25 {
	margin-top:25px;
	}
	
.mt30 {
	margin-top:30px;
	}
	
.mt35 {
	margin-top:35px;
	}

.mt40 {
	margin-top:40px;
	}

.mt45 {
	margin-top:45px;
	}

.mt50 {
	margin-top:50px;
	}

.mt55 {
	margin-top:55px;
	}

.mt60 {
	margin-top:60px;
	}

.mr0 {
	margin-right:0px;
	}

.mr5 {
	margin-right:5px;
	}
		
.mr10 {
	margin-right:10px;
	}
		
.mr15 {
	margin-right:15px;
	}
		
.mr20 {
	margin-right:20px;
	}

.ml0 {
	margin-left:0px;
	}

.ml5 {
	margin-left:5px;
	}

.ml10 {
	margin-left:10px;
	}
	
.ml15 {
	margin-left:15px;
	}

.ml20 {
	margin-left:20px;
	}

.pt0 {
	padding-top:0px;
	}

.pt5 {
	padding-top:5px;
	}

.pt10 {
	padding-top:10px;
	}

.pt15 {
	padding-top:15px;
	}
	
.pt20 {
	padding-top:20px;
	}

.ph9 {
	padding-left:9px;
	padding-right:9px;
	}

.ph10 {
	padding-left:10px;
	padding-right:10px;
	}

.ph20 {
	padding-left:20px;
	padding-right:20px;
	}

.pv10 {	
	padding-top:10px;
	padding-bottom:10px;
	}

.p_hv1 {
	padding:1px;
	border:1px solid #d7d7d7;
	}

.float_l {
	float:left;
	}

.float_r {
	float:right;
	}

.align_l {
	text-align:left;
	}

.align_r {
	text-align:right;
	}


.align_c {
	text-align:center;
	}

.red {
	color:#FF0000;
	}