@charset "utf-8";
/************************************************
 レイアウト
************************************************ */
body {
	margin:0;
	padding:0;
}
#container {
	width:100%;
	padding:0px 0px 35px 0px;
	margin:0;
}
/*ヘッダー---------------------------------------*/
#header {
	width:100%;
	left:0;
	top:0;
	border-bottom:none;
	height:auto;
	position: relative !important;
	padding:10px 5px;
	background-color:transparent;
	z-index:999999;
}
#header h1 {
	width:100%;
}
#header h1 a{
	display:block;
	margin-left:10px;
	margin-right:auto;
}
#header h1 img{
	max-width:150px;
	height:auto;
}

#header ul {
	width:100%;
}
#header li {
	float:none;
	display:inline-block;
	margin:5px 10px;
	font-weight:bold;
	text-align:center;
	font-size:10px;
	letter-spacing:0.1em;
}
#header #navi ul {
	text-align:center;
	margin:10px 0;
}
#header li a {
	text-decoration:none;
	color:#000;
}
#header li a:hover {
	text-decoration:none;
	color:#999;
}
#header #language{
	text-align:right;
	height:25px;
	color:#000;
}
#header #language img{
	float:none;
	padding-left:5px;
}

/*下層ページヘッダー---------------------------------------*/

#header_page {
	width:940px;
	height:65px;
	margin:0px auto;
	color: #000000;
	border-bottom:#000 solid 3px;
}
#header_page h1 {
	float:left;
	margin:0px;
	padding:0px;
	width:183px;
	height:36px;
	display:block;
}
#header_page ul {
	float:right;
	width:624px;
	margin:5px 0px 0px 0px;
}
#header_page li {
	float:right;
	margin:0px 0px 0px 40px;
	/*border-bottom:#B4B4B5 solid 1px;*/
	font-weight:bold;
	text-align:right;
	font-size:10px;
	letter-spacing:0.1em;
}
#header_page li a {
	text-decoration:none;
	color:#000;
}
#header_page li a:hover {
	text-decoration:none;
	color:#999;
}
/*フッター---------------------------------------*/
#p_top {
	width:auto;
}
#p_top a:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
#footer {
	width:100%;
}
#footer .sns {
	margin-left:10px;
}
#footer .copy {
	float:right;
	margin: 15px 10px 20px 10px;
	letter-spacing:0.1em;
}
#footer .f_navi {
	float:left;
}
#footer .f_navi li {
	margin:0px 0px 0px 10px;
}
#footer .f_navi li a {
	text-decoration:none;
	color:#3E3F3F;
}
#footer .f_navi li a:hover {
	text-decoration:none;
	color:#999;
}
/*メイン---------------------------------------*/
#main {
	width:100%;
//	margin:0px auto;
//	padding:0px;
}
/************************************************
 トップページ
************************************************ */

#brand_slider{
	width:100%;
	padding:10px 0 0;
//	width:940px;
//	margin:0 auto;
}
#info_title{
//	margin:10px auto 0px auto;
//	padding:0px 15px;
}
#info {
	width:auto;
//	width:910px;
	height:48px;
	margin:10px 10px 20px 10px;
	padding:0;
//	border:#e6e6e6 solid 1px;
//	position:relative;
}
#info .info_text {
	background:url("");
//	height: 12px;
	padding: 0;
//	overflow: hidden;
//	zoom: 1;
//	position: relative;
}
#infoText {
//	line-height: 12px;
//	position: absolute;
//	top: 0px;
//	left: 50px;
	left: 0px;
//	margin: 0px;
//	padding: 0px;
}
#info .info_text dl {
	width:100%;
	margin:0px;
	padding:0px;
}
#info .info_text dt {
	width: 70px;
	float: left;
	clear: both;
	text-align: left;
}
#info .info_text dd {
//	float: left;
//	margin-left: 15px;
	width: 100%;
//	text-align: left;
}
#info .info_text a {
	text-decoration:none;
	color:#3E3F3F;
}
#info .info_text a:hover {
	text-decoration:none;
	color:#999;
}
#brand {
	width:100%;
//	width:960px;
//	margin:0px;
//	padding:0px 0px 10px 0px;
}
#brand h2 {
	margin-left:12px;
}
#brand .maker-block{
	width:95%;
	margin: 0 auto;
}
#brand .maker-block h3{
	width:90%;
	text-align:center;
	margin: 0 auto;
}
#brand .maker-block h3 img{
	max-width:100%;
}
#brand .maker-block .maker-comment{
	width:95%;
}
#brand ul {
	width:100%;
//	width:960px;
//	margin:10px 0px 0px 0px;
//	padding:0px;
}
#brand li {
//	float:left;
	width:auto;
//	width:198px;
//	height:214px;
	margin:0px 10px 20px 10px;
//	padding:10px;
//	border:#e6e6e6 solid 1px;
}
#brand li a {
  display: block;
  text-align: center;
}
#brand li a img{
	clear:both;
}

/************************************************
 NEWSページ
************************************************ */
#news_page {
	width:100%;
//	width:940px;
	margin:0px auto 0px auto;
	padding:75px 0 0;
//	padding:0px 0px 10px 0px;
}
#news_page .other_main {
	float:left;
	width:100%;
//	width:730px;
	margin-top:10px;
	padding:0px;
	min-height:0px;
}
#news_page .other_main h2 {
	margin:20px 0px 12px 5px;
}
#news_page .other_main h3 {
	background:url(image/ico_004.gif) no-repeat left;
	border-bottom:#e6e6e6 solid 1px;
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 0px 14px;
	margin:0px 0px 12px 0px;
}
#news_page .other_main h4 {
	background:url(image/ico_004.gif) no-repeat left;
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 0px 14px;
	margin:0px 0px 12px 0px;
}
#news_page .other_main ul {
	border:0;
}
#news_page .other_main ul li.info{
	font-weight:bold;
    padding: 0px 25px 0px 5px;
}
#news_page .other_main ul li.title{
	color:#EB6100;
	margin:3px 0px;
    padding: 0px 25px 0px 5px;
}
#news_page .other_main ul li p img{
	width:90%;
	padding:0 5px;
}
#news_page .other_main p{
	padding:0 5px;
}
#news_page .other_main dl{
	padding:0 5px;
}
#news_page .other_main dt{
	margin-bottom:5px;
}
#news_page .other_main dd img{
//	width:100px;
}
.other_navi {
	display:none;
}
.archives_year {
	width:100%;
}
.archives_year h4{
	font-size:13px;
	font-weight:bold;
	margin:10px 0px 0px 5px;
}
.archives_year ul{
	width:100%;
}
.archives_year ul li{
//	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0;
	background:none;
}

/************************************************
 ブランド一覧ページ
************************************************ */

#brand_list {
	width:100%;
	margin:0px auto 0px auto;
	padding:85px 0 0;
}
#brand_list h2 {
//	margin-left:12px;
}
#brand_list h3 {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#brand_list ul {
	width:100%;
//	margin:20px 0px 0px 0px;
//	padding:0 20 0 0;
}
#brand_list li {
	float:left;
	width:92%;
	height:200px;
	margin:0px 20px 20px 3px;
	padding:0 15px 0 0;
//	border:#e6e6e6 solid 1px;
}
#brand_list li img{
	width:98px;
	height:auto;
}
#brand_list li p {
	padding:0px 5px;
	font-size:10px;
}
/************************************************
 ブランド詳細ページ
************************************************ */

#brand_detail {
	width:90%;
	padding:80px 5px 10px 10px;
	text-align:center;
}
#brand_detail .s_navi {
	display:none;
	float:left;
	width:216px;
	margin:0px;
	padding:0px;
}
#brand_detail .s_navi ul {
	margin:20px 0px 0px 3px;
	padding:0px;
}
#brand_detail .s_navi li {
	width:198px;
	font-weight:bold;
	margin:0px 0px 18px 0px;
	padding-bottom:2px;
	font-size:10px;
	letter-spacing:0.1em;
	padding-left:15px;
	background:url(image/ico_002.gif) no-repeat left;
	border-bottom:#e6e6e6 solid 1px;
}
#brand_detail .s_navi a {
	text-decoration:none;
	color:#000;
}
#brand_detail .s_navi a:hover {
	text-decoration:none;
	color:#999;
}
#brand_detail .b_area {
	width:100%;
}
#brand_detail .b_area .b_detail .visual {
	float:left;
	width:100%;
}
#brand_detail .b_area .b_detail .b_text {
	float:left;
	width:100%;
	text-align:left;
//	line-height:1.8em;
//	letter-spacing:0.1em;
}
#brand_detail .b_area .b_text .logo {
//	margin:10px 0px 10px 0px;
//	border-bottom:#e6e6e6 solid 1px;
}
#brand_detail .b_area .b_detail img {
	width:50%;
}
#brand_detail h2 {
	margin-bottom:20px;
//	margin-top:20px;
//	border-bottom:#e6e6e6 solid 1px;
//	padding-bottom:5px;
}
#brand_detail .b_area .products {
	width:100%;
//	margin:10px 0px 0px 0px;
//	padding:0px;
}
#brand_detail .b_area .products ul {
	width:100%;
//	margin:0px 0px 0px 0px;
//	padding:0px;
}
#brand_detail .b_area .products li {
	float:left;
/*	width:130px;*/
	margin:0px 14px 20px 0px;
	padding:0;
	text-align:left;
	font-size:10px;
	background:url(image/l_001.gif) no-repeat left bottom;
}
#brand_detail .b_area .products li img {
	margin-bottom:5px;
}
.mg0 {
	margin-right:0px !important;
}
/************************************************
プレスページ
************************************************ */
#press_page {
	width:100%;
	margin:0px auto 0px auto;
	padding:75px 0 0;
}
#press_page .other_main p{
	padding:0 5px;
}
#press_page .other_main .maker-title{
	width:100%;
	text-align:center;
}
#press_page .other_main ul{
	padding:0 5px;
}
/************************************************
会社概要
*************************************************/
#company dt{
	width:100%;
	height:auto;
}
#company dd{
	width:100%;
	height:auto;
	margin-bottom:15px;
}
#access .address{
	width:auto;
	height:auto;
	margin:5px 0;
	padding:0 0 0 14px;
}
#access .map{
	width:auto;
	height:auto;
	margin:5px 0;
	padding:0 0 0 14px;
}
#access .map iframe{
	width:330px;
}
.maker-title{
	text-align:center;
}
.other_main #c_brand_list ul li{
	width:100%;
}

/************************************************
その他のページ
************************************************ */
#other_page {
	width:100%;
	margin:0px auto 0px auto;
	padding:75px 0 0;
}
.other_main {
	float:left;
	width:100%;
	margin:10px 0;
	min-height:0px;
}
.other_main h2 {
	background:url(image/ico_002.gif) no-repeat left;
	border-bottom:#e6e6e6 solid 1px;
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 0px 14px;
	margin:0px 0px 12px 5px;
}
.other_main h3 {
	background:url(image/ico_004.gif) no-repeat left;
	border-bottom:#e6e6e6 solid 1px;
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 0px 14px;
	margin:0px 0px 12px 0px;
}
.other_main h4 {
	background:url(image/ico_004.gif) no-repeat left;
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 0px 14px;
	margin:0px 0px 12px 0px;
}
#other_page .other_main .other_text {
	width:auto;
//	width:718px;
//	padding:0px 0px 12px 12px;
//	margin:25px 0px 0px 0px;
//	line-height:1.7em;
}
#other_page .other_main .back {
	background:url(image/ico_003.gif) no-repeat left;
	font-size:12px;
	padding:0px 0px 0px 16px;
	margin:0px 0px 12px 0px;
}
#other_page .other_main .back a {
	text-decoration:none;
	color:#000;
}
#other_page .other_main .back a:hover {
	text-decoration:none;
	color:#999;
}
#other_page .other_main .logo {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#other_page .other_main .press {
	margin:0px;
	padding:0px;
}
#other_page .other_main .press ul {
	width:100%;
//	margin:0px 0px 20px 0px;
//	padding:0px;
}
#other_page .other_main .press li {
//	float:left;
//	width:165px;
//	margin:0px 0px 14px 14px;
//	font-size:10px;
}
#other_page .other_main .press ul.ht300 li {
//	height:300px;
}
#other_page .other_main .press li img {
	margin-bottom:5px;
}
#other_page .other_main .info {
	margin:0px 0px 12px 0px;
	border-bottom:#e6e6e6 solid 1px;
	padding:0px 0px 10px 14px;
}
#other_page .other_main .title {
	color:#EB6100;
	margin:3px 0px;
}
/*
#other_page .other_main .access {
//	float:left;
	width:100%;
	margin:0;
	padding:0;
//	margin:0px 0px 12px 0px;
//	padding:0px 0px 10px 14px;
//	line-height:1.7em;
}
#other_page .other_main .map {
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}
#other_page .map a {
	text-decoration:none;
	color:#000;
	font-size:10px;
}
#other_page .map a:hover {
	text-decoration:none;
	color:#999;
	font-size:10px;
}
*/
.other_navi {
	float:right;
	width:170px;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}
.other_navi h3 {
	border-bottom:#e6e6e6 solid 1px;
	font-weight:bold;
	font-size:12px;
	padding:0px;
	margin:0px 0px 12px 0px;
}
.other_navi ul {
	width:170px;
	margin:0px;
	padding:0px;
}
.other_navi li {
	width:160px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 13px;
	background:url(image/ico_001.gif) no-repeat left;
	border-bottom:#e6e6e6 solid 1px;
}
.other_navi a {
	text-decoration:none;
	color:#000;
}
.other_navi a:hover {
	text-decoration:none;
	color:#999;
}
.brandlist dt{
	padding:0 5px;
}
.brandlist dd{
	width:150px;
	padding: 0 0 0 14px;
}
/************************************************
お問い合わせのページ
************************************************ */

#contact_page {
	width:95%;
	margin:0px auto 0px auto;
	padding:85px 0 0;
}
#contact_page li.bl{
	width:100%;
}
#contact_page li.c_tl{
	width:100%;
}

/*矢印リスト
---------------------------------------------------------------------------*/
ul.block1 li a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 10px;
	border-bottom: 1px solid #ccc;
}
ul.block1 li a::before,
ul.block1 li a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #888;
	border-radius: 4px;
}
ul.block1 li a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
ul.block1 li a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}