@charset "UTF-8";
/*------------------------------------------------------------------------------
基本スタイルシート
--------------------------------------------------------------------------------
■目次
□基本構造
□汎用定義
□コンテンツエリア
□ヘッダ
□メインコンテンツ
□サイドメニュー
□フッタ
--------------------------------------------------------------------------------
□基本構造
------------------------------------------------------------------------------*/
a:link    { color: #003399; text-decoration: none; }
a:visited { color: #003399; text-decoration: none; }
a:hover   { color: #FF0000; text-decoration: underline; }
a:active  { color: #FF0000; text-decoration: underline; }

body {
	margin      : 5px     ;
	padding     : 0px     ;
	font-size   : 10pt    ;
	line-height : 1.25em  ;
	color       : #333333 ;
	background  : #ffffff ;
}

form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, dt, dd {
	margin  : 0px ;
	padding : 0px ;
}

p {
	margin        : 0.5em 0 ;
	padding-right : 5px     ;
}

p.pdd-no {
	padding-right : 0;
}

input, textarea {
	font-size : 1em ;
}

input.short {
	width : 80px ;
}

input.mid {
	width : 150px ;
}


input.long {
	width : 300px ;
}

td textarea{
	width: 300px;
}

img {
	border         : 0px    ;
	vertical-align : bottom ;
}

/*------------------------------------------------------------------------------
□汎用定義
------------------------------------------------------------------------------*/
.navy { color: #003399; }
.blue { color: #0066cc; }
.blue-b { color: #3d6680; }
.blue-a { color: #5273b5; }
.blue-l { color: #4754db; }
.blue-g { color: #89a8bb; }
.blue-w { color: #3c74ab; }
.brown { color: #a40000; }
.brown-l { color: #cc9900; }
.red   { color: #e60011; }
.green  { color: #558a20; }
.green-d  { color: #4f8e72; }
.green-b  { color: #336600; }
.purple { color: #6f3e6f; }
.purple-l { color: #5353c9; }
.orange { color: #e4710d; }
.grey { color: #626262; }
.white  { color: #ffffff; }

.bg-beage{ background-color: #f6f5e8;}

.bg-purple { background-color: #d4d4e6; }
.bg-purple-l { background-color: #e5e5f0; }
.bg-yellow { background-color: #fef8be; }
.bg-green { background-color: #719f42; }
.bg-green-l { background-color: #d3fea7; }
.bg-orange { background-color: #e4710d; }

.xsmall  { font-size: 0.6em; }
.small  { font-size: 0.8em; }
.normal { font-size: 1em; }
.large  { font-size: 1.2em; }
.xlarge  { font-size: 1.4em; }

.lineh-l { line-height: 1.5em; }

.bold { font-weight: bold; }
.nobold { font-weight: normal; }

.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w44 { width: 44%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w100 { width: 100%; }
.w-s    { width: 5px; }
.w-m    { width: 10px; }
.w75px  { width:  75px; }
.w87px  { width:  87px; } /* use */
.w108px { width: 108px; } /* use */
.w155px { width: 155px; }
.w160px { width: 160px; } /* use */
.w170px { width: 170px; }
.w180px { width: 180px; } /* use */
.w220px { width: 220px; } /* use */
.w325px { width: 325px; }
.w355px { width: 355px; }
.w420px { width: 420px; }
.w495px { width: 495px; }
.w500px { width: 500px; } /* use */
.w520px { width: 520px; } /* del */
.w577px { width: 577px; }
.w636px { width: 636px; }
.w679px { width: 679px; }
.w740px { width: 740px; } /* use */

.h30px { height: 30px; }
.h100px { height: 100px; }

.fleft  {  float: left; }
.fright { float: right; }
.clear  { clear: both; }

.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
	
.bcenter {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.block  { display: block; }
.inline { display: inline; }	
	
.clearfix:after {
	content: url(../images/global/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

.mgn-no      { margin: 0; }  
.mgn-lft-ss  { margin-left:   3px;  } 
.mgn-lft-s   { margin-left:   5px;  }
.mgn-lft-sm  { margin-left:   10px; } /* use */
.mgn-lft-m   { margin-left:   15px; }
.mgn-lft-ml  { margin-left:   20px; }
.mgn-lft-l   { margin-left:   25px; }
.mgn-lft-xl  { margin-left:   30px; }
.mgn-lft-xxl { margin-left:   40px; }

.mgn-rgt-ss  { margin-right:  3px;  } /* use */
.mgn-rgt-s   { margin-right:  5px;  }
.mgn-rgt-ssm { margin-right:  7px;  }
.mgn-rgt-sm  { margin-right:  10px; }
.mgn-rgt-m   { margin-right:  15px; }
.mgn-rgt-ml  { margin-right:  20px; }
.mgn-rgt-l   { margin-right:  25px; }
.mgn-rgt-xl  { margin-right:  30px; }
.mgn-rgt-xxl { margin-right:  40px; }

.mgn-top-ss  { margin-top:    3px;  }
.mgn-top-s   { margin-top:    5px;  } /* use */
.mgn-top-sm  { margin-top:    10px; } /* use */
.mgn-top-m   { margin-top:    15px; } /* use */
.mgn-top-ml  { margin-top:    20px; } 
.mgn-top-l   { margin-top:    25px; }
.mgn-top-xl  { margin-top:    30px; }
.mgn-top-xxl { margin-top:    40px; }

.mgn-btm-ss  { margin-bottom: 3px;  }
.mgn-btm-s   { margin-bottom: 5px;  }
.mgn-btm-sm  { margin-bottom: 10px; }
.mgn-btm-m   { margin-bottom: 15px; }
.mgn-btm-ml  { margin-bottom: 20px; }
.mgn-btm-l   { margin-bottom: 25px; }
.mgn-btm-xl  { margin-bottom: 30px; }
.mgn-btm-xxl { margin-bottom: 40px; }

.mgn-wdt-s   { margin-left:    5px; margin-right:    5px; }
.mgn-wdt-m   { margin-left:   10px; margin-right:   10px; }
.mgn-wdt-l   { margin-left:   25px; margin-right:   25px; }
.mgn-hgt-s   { margin-top:     5px; margin-bottom:   5px; }
.mgn-hgt-m   { margin-top:    10px; margin-bottom:  10px; }
.mgn-hgt-l   { margin-top:    25px; margin-bottom:  25px; }

.pdd-btm-s { padding-bottom:   5px;                         }
.pdd-btm-m { padding-bottom:  15px;                         }
.pdd-btm-l { padding-bottom:  25px;                         }
.pdd-lft-s { padding-left :    5px;                         }
.pdd-rgt-s { padding-right:    5px;                         }
.pdd-wdt-s { padding-left :    5px; padding-right  :   5px; }
.pdd-wdt-m { padding-left :   10px; padding-right  :  10px; }
.pdd-hgt-s { padding-top  :    5px; padding-bottom :   5px; }
.pdd-hgt-m { padding-top  :   10px; padding-bottom :  10px; }


/*------------------------------------------------------------------------------
□コンテンツエリア
------------------------------------------------------------------------------*/
.container {
	width        : 740px   ;
	margin-left  : auto    ;
	margin-right : auto    ;
	text-align   : justify ;
}

/*------------------------------------------------------------------------------
□ヘッダー
------------------------------------------------------------------------------*/
div.header-bg {
	background: url(../images/global/head_bg.jpg) ;
	width: 740px                                  ;
	height: 262px                                 ;
}

div.header-bg-2nd {
	background: url(../images/global/head_bg-2nd.gif) ;
	width: 740px                                  ;
	height: 74px                                 ;
}

table.search-box {
	background : url(../images/global/search_box.png) no-repeat ;
	width      : 263px                                          ;
	height     : 38px                                           ;
}

h1.header {
	display : inline ;
	float   : left   ;
}

input.search-box {
	width       : 120px             ;
	height      : 15px              ;
	border      : 1px solid #999999 ;
	margin      : 0 5px             ;
	padding-top : 5px               ;
}

div.navi-bg {
	background-color: #990033;
}

ul.navi {
	list-style : none ;
}

ul.navi li {
	float: left ;
}

/*------------------------------------------------------------------------------
□メインコンテンツ
------------------------------------------------------------------------------*/
div.main {
	width      : 740px  ;
	margin-top : 15px   ;
	padding    : 0px    ;
	clear      : both   ;
}

div.product{
	width            : 490px           ;
	height           : 500px           ;
	background-color : #daedff         ;
	margin-top       : 0px             ;
	padding          : 5px 4px 5px 6px ;
}

ul.point-b {
	margin     : 5px 0px 0px 30px ;
	padding    : 0px              ;
	font-size  : 9pt              ;
}

ul.point-b li{
	list-style : outside                            ;
	list-style-image   : url(../images/global/point-b.gif) ;
	vertical-align     : middle                            ;
	text-align         : left                              ;
}

table.bg-g{
	width            : 500px            ;
	height           : 40px             ;
	background-color : #f6f4ee          ;
	margin           : 0px              ;
	padding          : 0px 0px 0px 10px ;
}

table.bg-g-l{
	width            : 500px              ;
	height           : 40px               ;
	background-color : #f6f4ee            ;
	margin           : 0px                ;
	padding          : 10px 0px 10px 10px ;
	line-height      : 14pt               ;
}

table.solution {
	margin       : 5px 0px 0px 0px   ;
	padding      : 10px 0px 10px 0px ;
	width        : 500px             ;
	height       : 40px              ;
	border       : #cccccc solid     ;
	border-width : 1px 0;
	border-collapse : collapse;
}

table.solution td {
	border       : #cccccc solid ;
	border-width : 1px 0 0 0     ;
	padding      : 5px           ;
}

.news-box-top {
	height     : 5px                                                    ;
	margin     : 0px                                                    ;
	background : url(../images/index/news_box_top.gif) 100% 0 no-repeat ;
	}

.news-box-top span {
	width      : 220px                      ;
	height     : 5px                        ;
	background : url(box.gif) 0 0 no-repeat ;
	}
	
.sidebox{
	width: 220px;
	margin-bottom: 0                                    ;
	padding:1px 0px 10px;
	background-image  : url(../images/index/news_box_bg.gif) ;
	background-repeat : repeat-y                             ;
}

.sidebox p{
	margin       : 5px 15px 0px 15px ;
	padding      : 0                 ;
	font-size    : 9pt               ;
}

.sidebox .subtitle{
	background-image:url(../images/global/side/subtitle.gif);
	width: 191px;
	height: 16px;
	margin: 7px 0px 7px 10px;
	font-size: 10px;
}

.sidebox .subtitle span{
	margin-left: 5px;
}

.sidebox ul.list{
	width: 191px;
	margin: 5px 10px 0px;
	padding: 0px;
	list-style: none outside;
}

.sidebox ul.list li{
	background-image: url(../images/icon/arrow.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 2px;
	padding-left: 10px;
	line-height: 18px;
}

/*------------------------------------------------------------------------------
□下層ページ
------------------------------------------------------------------------------*/

.bread{
	margin: 0px 5px;
	line-height: 27px;
	height: 27px;
}

.second .subtitle{
	background-image: url(../images/global/main/bg-subtitle.gif);
	width: 504px;
	height: 43px;
	margin-bottom: 13px;
}

.second .subtitle h3{
	line-height: 43px;
	margin-left: 25px;
	font-size: 14px;
}

.second ul.list{
	width: 504px;
	margin-bottom: 20px;
	padding: 0px;
	list-style: none outside;
}

.second ul.list li{
	line-height: 18px;
	background-image: url(../images/icon/arrow.gif);
	background-repeat: no-repeat;
	margin: 3px 5px;
	padding-left: 20px; 
}

.second dl.list dt{
	line-height: 18px;
	margin: 3px 5px;
	padding-left: 10px; 
}

.second .itembox{
	width: 504px;
	height: auto;
	margin: 0px 0px 30px;
}

.second .itembox .name{
	width: 504px;
	height: 35px;
	margin-bottom: 10px;
	background-image: url(../images/global/main/bg-name.gif);
}

.second .itembox .centers{
	width: 504px;
	height: 35px;
	margin-bottom: 10px;
	background-image: url(../images/company/bg-center.gif);
}

.second .itembox .name h4,
.second .itembox .centers h4{
	margin-left: 10px;
	line-height: 35px;
	font-size: 12px;
}

.second .itembox .centers h4{
	color: #3c74ab;
}

.second .itembox p{
	margin: 0px 0px 15px;
	padding: 0px;
}

.second .itembox .fleft{
/*
	width: 173px;
	height: 161px;
*/
	border: 1px solid #e8e5d4;
	text-align: center;
}

.second .itembox .fleft img{
	vertical-align: middle;
}

.second .itembox .fright{
	width: 310px;
}

.second .itembox .fright p{
	height: 100px;
	margin: 0px;
	padding: 0px 7px 0px 0px;
}

/*詳細ページ*/
.second .itembox .fleft.detail{
/*
	width: 299px;
	height: 315px;
*/
	border: 1px solid #e8e5d4;
	text-align: center;
}

.second .itembox .fright.detail{
	width: 185px;
	border: 0px;
}


.second .itembox .fright.detail p{
	height: auto;
	margin-bottom: 20px;
}


.specifications{
	margin-bottom: 10px;
	width: 504px !important;
}

.second .specifications{
	margin-bottom: 10px;
	width: 504px;
}

.second .specifications td{
	padding: 7px 10px 7px 0px;
	border-bottom: 1px solid #e8e5d4;
	line-height: 16px;
	vertical-align: top;
}

.comment{
	width: 504px;
}

.second .specifications td strong{
	display: block;
	color: #666666;
	margin-bottom: 7px;
}

.second .link{
	width: 155px;
	/*height: 145px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	border: 1px solid #e8e5d4;
}

ul.faq{
	width: 490px;
	margin: 10px 0px 20px 5px;
	list-style: none outside;
	border-bottom: 1px solid #edeadd;
}


ul.faq li.q{
	background-image: url(../images/faq/icon-q.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}

ul.faq li.a{
	background-image: url(../images/faq/icon-a.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 18px;
	padding-bottom: 20px;
}

ul.faq li.no{
	margin: 0px;
	padding: 0px;
}

table.list{
	width: 500px;
	border: 1px solid #e8e5d4;
	padding-left: 2px;
	padding-right: 2px;
}

table.list td.line{
	line-height: 1px !important;
	background-color: #ebe9dd;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	height:1px;
}

table.list td.label{
	width: 80px;
	text-align: center;
	font-weight: bold;
	background-color: #edf2f6;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	color: #3c74ab;
	padding-top: 7px;
	vertical-align: top;
}

table.list td.data{
	padding: 7px;
}

table.list td.label-l{
	width: 120px;
	text-align: left;
	font-weight: bold;
	background-color: #edf2f6;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	color: #3c74ab;
	line-height: 26px;
	padding-left: 7px;
	vertical-align: top;
}
/*------------------------------------------------------------------------------
□フォーム
------------------------------------------------------------------------------*/

ul.errors {
	margin: 0 0 1em 2em;
	color: #ff0000;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
□サイトマップ
------------------------------------------------------------------------------*/

.sitemap-box {
	background : url(../images/sitemap/sitemap_box_bg.gif) repeat-y ;
	width      : 504px;
}

.sitemap-box ul.lv1 {
	width: 240px;
	list-style-image: url(../images/global/point-b.gif);
}

.sitemap-box ul.lv1 li {
    padding: 3px 0;
    margin-left: 30px;
    margin-top: 10px;
}

.sitemap-box ul.lv2 {
	margin: 15px
	width: 240px;
	list-style: none;
	margin-left: 1em;
}

.sitemap-box ul.lv2 li {
    padding: 3px 0;
    margin-top: 0;
}
/*------------------------------------------------------------------------------
□フッタ
------------------------------------------------------------------------------*/
div.footer {
	width    : 746px    ;
	margin   : 0        ;
	padding  : 0        ;
}

div.copyright {
	color            : #666666         ;
	background-color : #ffffff         ;
	padding          : 0px             ;
	margin           : 1px 0px 0px 0px ;
	font-size        : 85%             ;
	float            : left            ;
}

div.submenu {
	margin   : 0 0 0 6px ;
	padding  : 0         ;
	float    : right     ;
}

div.submenu li {
	margin          : 0      ;
	padding         : 0      ;
	list-style-type : none   ;
	display         : inline ;
}