@charset "UTF-8";

/* --------------------------------------------------------
	Setting
-------------------------------------------------------- */

/*///// 共通設定 /////*/
* {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.Clear {
	clear: both;
}

/*---ボーダー---*/
img {
	border-width:0;
	line-height:0;
	vertical-align:top;
}
/*---リストスタイル---*/
ul {
	list-style-type:none;
}

ol {
	list-style-type:decimal;
}

/*---リスト(黒丸)---*/
.Disc {
	margin:0px 0px 0px 15px;
}

.Disc li {
	list-style-type:disc;
	margin:0px 0px 10px 0px;
}

/*---リンク---*/
a {
        color: #FF0000;
	text-decoration: underline;
}

a:hover {
        color: #FF0000;
	text-decoration: none;
}

a:active {
        color: #FF0000;
}

a:visited {
        color: #FF0000;
}

/*///// レイアウト /////*/
body {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	font-size:14px;
	color:#222;
}

#Wrapper {
	background: url(../img/header_bg.jpg) repeat-x left top;
}

#Container {
	width:980px;
	margin:0 auto;
}

/* --------------------------------------------------------
	Header
-------------------------------------------------------- */
#Header {
	width:980px;
	height:144px;
	border-bottom:1px solid #999;
	margin:0px 0px 20px 0px;
}

#Header .Left-Area {
	width:300px;
	float:left;
}

#Header .Right-Area {
	width:680px;
	float:left;
}

/*---Logo---*/
#Logo a {
	display:block;
	width:290px;
	height:115px;
	background: url(../img/logo.jpg) no-repeat left top;
	text-indent:-9999px;
	margin:15px 0px 0px 0px;
}

#Tel {
	float:right;
	margin:20px 0px 0px 0px;
}

#Btn_Inquiry a {
	float:right;
	display:block;
	width:39px;
	height:55px;
	background:url(../img/btn_inquiry_on.jpg) no-repeat left top;
	margin:20px 0px 0px 0px;
}

#Btn_Inquiry a:hover {
	text-indent:-9999px;
}

#Translate {
	float:right;
	margin:15px 0px 0px 0px;
}

/* --------------------------------------------------------
	Navigation
-------------------------------------------------------- */
#Navi {
	clear:both;
	height:60px;
	width:980px;
}

#Navi img {
	vertical-align:top;
}

#Navi ul {
	text-align:left;
	height:60px;
	width:980px;
}

#Navi li {
	float:left;
	list-style:none;
	padding:0;
	text-indent:-9999px;
}

#Navi a:hover {
	background-position:0px -60px;
	text-decoration:none;
}

li.Navi-01 a {
	display:block;
	width:197px;
	height:60px;
	background:url(../img/navi_01.jpg) no-repeat left top;
}

li.Navi-02 a {
	display:block;
	width:196px;
	height:60px;
	background:url(../img/navi_02.jpg) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-03 a {
	display:block;
	width:195px;
	height:60px;
	background:url(../img/navi_03.jpg) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-04 a {
	display:block;
	width:196px;
	height:60px;
	background:url(../img/navi_04.jpg) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-05 a {
	display:block;
	width:196px;
	height:60px;
	background:url(../img/navi_5abc.jpg) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-01-on {
	width:197px;
	height:60px;
	background:url(../img/navi_01.jpg) no-repeat left -60px;
}

li.Navi-02-on {
	width:196px;
	height:60px;
	background:url(../img/navi_02.jpg) no-repeat left -60px;
	margin:0px 0px 0px 0px;
}

li.Navi-03-on {
	width:195px;
	height:60px;
	background:url(../img/navi_03.jpg) no-repeat left -60px;
	margin:0px 0px 0px 0px;
}

li.Navi-04-on {
	width:196px;
	height:60px;
	background:url(../img/navi_04.jpg) no-repeat left -60px;
	margin:0px 0px 0px 0px;
}

li.Navi-05-on {
	width:196px;
	height:60px;
	background:url(../img/navi_5abc.jpg) no-repeat left -60px;
	margin:0px 0px 0px 0px;
}

/* --------------------------------------------------------
	Sitepath
-------------------------------------------------------- */
#Sitepath {
	width:800px;
	height:15px;
	margin:30px 0px 20px 0px;
}

#Sitepath li {
	padding:0px 15px 0px 5px;
	float: left;
	font-size:12px;
	background: url(../img/icon_sitepath.jpg) no-repeat right center;
}

#Sitepath li a {
	color: #0083CA;
	text-decoration: underline;
}

#Sitepath li.noarrows {
	background: none;
}

#Sitepath li a:hover {
	color: #0083CA;
	text-decoration: none;
}

/* --------------------------------------------------------
	Main
-------------------------------------------------------- */

/*///// 全幅コンテンツ /////*/
#All-Content {
	width:980px;
	margin:0px 0px 0px 0px;
}

/*---見出し---*/
h3 {
	border-left:8px solid #999;
	font-size:18px;
	color:#000;
	height:22px;
	padding:2px 0px 0px 10px;
}

/*---商品ラインナップ---*/
#Item {
	background: url(../img/item_bg.jpg) no-repeat right bottom;
	padding:0px 0px 40px 0px;
}

.Explanation {
	height:130px;
	margin:0px 0px 0px 0px;
}

#Item-List {
	font-size:12px;
	width:300px;
	margin:0px 0px 0px 0px;
}

#Item-List li {
	float:left;
	list-style:none;
	margin-right:3px;
	text-align:left;
}

/*---行間マージン設定---*/
.Space-Contour5 {
	height:5px;
	margin:0px 0px 0px 0px;
}

.Space-Contour10 {
	height:10px;
	margin:0px 0px 0px 0px;
}

.Space-Contour20 {
	height:20px;
	margin:0px 0px 0px 0px;
}

.Space-Contour40 {
	height:40px;
	margin:0px 0px 0px 0px;
}

.Space-Contour80 {
	height:80px;
	margin:0px 0px 0px 0px;
}

.Contour {
	clear: both;
	height:3px;
	background:url(../img/contour.jpg) no-repeat left top;
	margin:20px 0px 20px 0px;
}

/*---写真3枚フロート---*/
.Photo_3items {
	width:980px;
	margin:0px 0px 0px 0px;
}

.Photo_3items img {
	margin:0px 0px 0px 0px;
}

.Photo_3items li {
	float:left;
}

.Photo_3items .Left {
	width:300px;
	margin:0px 40px 0px 0px;
}

.Photo_3items .Right {
	width:300px;
	margin:0px 0px 0px 0px;
}

/*---ページの先頭へ---*/
.PageTop {
	clear:both;
	float:right;
	margin:0px 0px 0px 0px;
	text-indent:-9999px;
}

.PageTop a {
	display:block;
	width:105px;
	height:18px;
	background:url(../img/page-top.jpg) no-repeat left top;
}

.PageTop a:hover {
	background:url(../img/page-top_on.jpg) no-repeat left top;
}

/* --------------------------------------------------------
	Footer
-------------------------------------------------------- */
#Footer_Wrap {
	height:140px;
	background: url(../img/footer_bg.jpg) repeat left top;
}

#Footer {
	width:980px;
	height:140px;
	margin:0 auto;
	color:#FFF;
	font-size:12px;
	line-height:1.4em;
	background: url(../img/footer_tel.png) no-repeat right top;
}

#Tool-List {
	width:490px;
	font-size:12px;
}

#Tool-List li {
	float:left;
	list-style:none;
	margin-right:10px;
	text-align:left;
	margin:25px 6px 0px 0px;
}

#Tool-List li a {
        color: #FFF;
	text-decoration: none;
}

#Tool-List li a:hover {
        color: #FFF;
	text-decoration: underline;
}


/*---位置指定---*/
.taC { text-align: center !important;}
.taL { text-align: left !important;}
.taR { text-align: right !important;}
.ImgC { display: block; margin-left: auto; margin-right: auto;}

/*---テキスト指定---*/
.ffMincho { font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','ＭＳ 明朝','MS Mincho',serif;}
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fz22 { font-size: 22px;}
.fz24 { font-size: 24px;}
.fz30 { font-size: 30px; line-height:1.4em;}
.fz36 { font-size: 36px; line-height:1.4em;}
.fz40 { font-size: 40px; line-height:1.4em;}
.fz46 { font-size: 46px; line-height:1.4em;}
.fzSSS  { font-size:  63%; line-height:1.6em;}/* base 16px -> 10px */
.fzSS   { font-size:  75%; line-height:1.6em;}/* base 16px -> 12px */
.fcBlue { color: #0989a1;}
.fcRed { color: #B70004;}
.fcBlue02 { color: #0269B8;}