@charset "UTF-8";
@import "reset.css";
body{
	/* 全体の文字色 */
	color:#333333;
	/* 背景 */
	background: url(../images/common/back.jpg) repeat-x;
	letter-spacing:1px;
	font-size:85%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
  "Osaka","ＭＳ Ｐゴシック", "MS P Gothic",
  Verdana,Arial, Helvetica, sans-serif;
}   

/* ========TEMPLATE LAYOUT======== */
div#wrap {
   width:918px;/*920*/
   margin:0 auto;
   background:
url(../images/common/bg_head01.jpg) no-repeat #fff;
   }
div#contents {
   width:920px;
   border: solid #999;
   border-width:1px;
   background: url(../images/common/sub_back.jpg) repeat-y right #fff;
   box-shadow:0 0 5px #999;
   -moz-box-shadow:0 0 5px #999;
   -webkit-box-shadow:0 0 5px #999;
}
div#main {
	float:left;
	width:920px;
	padding:0px 0 0 10px;
}
div#sub {
	float:right;
	width:220px;
}

div#totop {
   clear:both;
}
div#footer {
   clear:both;
}


/* ========HEADER CUSTOMIZE======== */
div#header {
   position:relative;
   width:920px;
   height:102px;
   }
div#header h1 {
	color:#fff;
	font-weight:normal;
	padding:17px 0 15px 0px;
	font-size:12px;
	}

/* ========MENU CUSTOMIZE======== */
div#menu {
	width:920px;
	height:63px;
	background:url(../images/common/bg_menu.gif) no-repeat;
	}
div#menu ul {
	width:916px;
	margin:0 auto;
	color:#99FF00;
	text-align:center;
	}
div#menu li {
	width:229px;
	float:left;
	}
div#menu a{
	display:block;
	height:53px;
	color:#333;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	font-size:15px;
	line-height:3.1;
	background:url(../images/common/menu.gif) left top;
	}
div#menu a:hover{
	background: url(../images/common/menu_on.gif) no-repeat left top;
	}
#index div#menu .m_index a{
	background: url(../images/common/menu_on.gif) no-repeat left top;
	}
#company div#menu .m_company a{
	background: url(../images/common/menu_on.gif) no-repeat left top;
	}
#item div#menu .m_item a{
	background: url(../images/common/menu_on.gif) no-repeat left top;
	}
#contact div#menu .m_contact a{
	background: url(../images/common/menu_on.gif) no-repeat left top;
	}

/***********************************/



/* ========MAINCONTENTS CUSTOMIZE======== */
/***********************************/
/* パン屑 */
/***********************************/
div#main .pankuzu{
	font-size:90%;
	color:#666666;
	margin:5px 0 0 0;
	}

/***********************************/
/* リンク色 */
/***********************************/
div#main a{
	color: #0033FF;
	text-decoration:underline;
	}
div#main a:hover{
	color: #FF0000;
	text-decoration:underline;
	}
/* アルファ */
div#main a:hover img{
	filter: alpha(opacity=80); /* IE7以下用 */
     -ms-filter: “alpha(opacity=80)”; /* IE8用 */
    opacity:0.8; /* Firefox 1.5以上, Opera, Safari用 */
	}

/***********************************/
/* 枠 */
/***********************************/
div#main .waku{
	border:1px solid #999;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -mos-border-radius: 7px;
    behavior: url("/PIE.htc");/* for IE */
	position:relative;
	}

/***********************************/
/* 見出し */
/***********************************/


div#contents h2 {
	clear:both;
	color: #009966;
	background: url(../images/common/h2.gif) no-repeat bottom;
	font-size:26px;
	padding:10px 0 25px 5px;
	margin:10px 0 10px 0;
	}
div#main h3 {
	clear:both;
	background:url(../images/common/h3.gif) no-repeat;
	height:35px;
	color:#fff;
	font-size:18px;
	padding:0 0 0 33px;
	margin:0 0 10px 0;
	line-height:1.7;
	}
div#main h4 {
	color: #7C1DA0;
	font-size:120%;
	margin-bottom:10px;
	}


/***********************************/
/* フロート */
/***********************************/
div#main .float_left{
	float:left;
	}
div#main .float_right{
	float:right;
	}
/***********************************/
/* マージン */
/***********************************/
div#main .m_top10{
	margin: 10px 0 0 0;
	}
div#main .m_bottom10{
	margin: 0 0 10px 0;
	}
div#main .m_bottom15{
	margin: 0 0 15px 0;
	}
div#main .m_bottom20{
	margin: 0 0 20px 0;
	}

/***********************************/
/* パディング */
/***********************************/
div#main .paddi_top10{
	padding: 10px 0 0 0;
	}
div#main .paddi_top20{
	padding: 20px 0 0 0;
	}
div#main .paddi_bottom10{
	margin: 0 0 10px 0;
	}
div#main .paddi_bottom20{
	margin: 0 0 20px 0;
	}
div#main .paddi_left10{
	margin: 0 0 0 10px;
	}
div#main .paddi_leftBottom10{
	margin: 0 0 10px 10px;
	}

/***********************************/
/* テキスト */
/***********************************/
div#main p.text_top {
	margin:0 0 10px 1em;
	line-height: 2em;
}
div#main p.company_text {
	margin:0 0 20px 0em;
	line-height: 1.8em;
}
div#main p.text_right {
	text-align:right;
	}

/* 枠付き */	
div#main p.text_waku{
	line-height: 1.8em;
	margin: 0 0px 10px 0px;
	padding:10px 15px;
	border:1px solid #999;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -mos-border-radius: 7px;
    behavior: url("/PIE.htc");/* for IE */
	position:relative;
	}


/***********************************/
/* フォントデコレーション */
/***********************************/
div#main .deco1{
	font-size: 125%;
	font-weight:bold;
	color: #0066FF;
	}

div#main .bold{ font-weight:bold;}
div#main .red{ color:red;}
div#main .green{ color:green;}
div#main .toiawase{ color: royalblue; font-weight: bold; font-size: 16px;}
div#main .redbold{
	color:red;
	font-weight:bold;
	}

/***********************************/
/* リスト */
/***********************************/

/* デフォルト */
div#main ul{
	margin:0 0 10px 0px;
	line-height:1.6;
	}
div#main li.none{
	list-style:none;
	}
/* リスト01 */
div#main ul.list_01{
	margin:0 0 10px 20px;
	}
div#main ul.list_01 li{
	list-style:disc;
	line-height:1.6;
	}


/***********************************/
/* 定義リスト */
/***********************************/
div#main dl{
	margin:0 0 10px 10px;
	font-size:100%;
	}
div#main dt{
	font-weight:bold;
	line-height:1.5;
	}
div#main dd{
	line-height:1.5;
	}
div#main dl ul{
	margin:0;
	}
/* 定義リスト 更新情報 */	
div#main .dl_01{
	border:1px solid #999;
	padding:0 10px;
	margin: 0 auto 20px auto;
	width:640px;
	}
div#main .dl_01 dt{
	width:9em;
	float:left;
	clear:both;
	padding: 10px 0 0 10px;
	font-weight:normal;
	}
div#main .dl_01 dd{
	border-bottom:1px dotted #333;
	padding: 10px 5px 10px 13em;
	line-height:1.6;
	}
div#main .dl_01 dd.borderNone{
	border-bottom:none;
	}

/* 定義リスト　背景有り */	
div#main .dl_02{
	border:1px solid #999;
	padding:0 10px;
	margin: 0 auto 20px auto;
	width:640px;
	background:url(../images/common/dl_back.gif) repeat-y #fff;
	}
div#main .dl_02 dt{
	width:9em;
	float:left;
	clear:both;
	padding: 10px 0 0 10px;
	font-weight:normal;
	}
div#main .dl_02 dd{
	border-bottom:1px dotted #333;
	padding: 10px 5px 10px 12em;
	line-height:1.6;
	}
div#main .dl_02 dd.borderNone{
	border-bottom:none;
	}

/* 定義リスト indexの取扱い商品 */	
div#main .dl_indexitem{
	border:1px solid #999;
	margin: 0 auto;
	width:660px;
	font-size:15px;
	background:url(../images/common/dl_back02.gif) repeat-y #fff;
	}
div#main .dl_indexitem dt{
	width:180px;
	float:left;
	clear:both;
	padding: 13px 0 0 0px;
	text-align:center;
	font-weight:bold;
	}
div#main .dl_indexitem dd{
	border-bottom:1px solid #999;
	padding: 13px 5px 13px 13em;
	line-height:1.6;
	}
div#main .dl_indexitem dt.paddi_top25{
	padding: 25px 0 0 0px;
	}
div#main .dl_indexitem img{
	padding:0 3px 0 0;
	}
div#main .dl_indexitem dt a{
	color:#fff;
	text-decoration:underline;
	}
div#main .dl_indexitem dt a:hover{
	color: #FFE324;
	}
div#main .dl_indexitem dd.borderNone{
	border-bottom:none;
	}



/***********************************/
/* テーブル */
/***********************************/
div#main table{
	margin-bottom:10px;
	font-size:90%;
	border-collapse:collapse; 
	border-spacing:0; 
	border: #999 solid;
	border-width: 1px 1px 1px 1px;
	}
/* テーブル01 */	
div#main .table_01{
	width: 680px;
	}
div#main .table_01 th{
	width:120px;
	background: #eee;
	border: #999 solid;
	border-width: 0px 1px 1px 0px;
	padding:15px 0 15px 10px;
	}	
div#main .table_01 td{
	border: #999 solid;
	border-width: 0px 0px 1px 0px;
	padding:15px 0 15px 10px;
	line-height:1.8;
	}

/* ========SUBCONTENTS CUSTOMIZE======== */
/***********************************/
/* セクション */
/***********************************/
div#sub .section {
	margin:10px 0;
	}
div#sub h4 {
	font-size:14px;/* 12px相当 */
	color: #fff;
	text-align:center;
	letter-spacing:2px;
	margin:0 10px;
	padding:5px 0;
	background:#35af97;
}
div#sub .section p.add {
   line-height:1.6;
   font-size:90%;
   background:#fff;
   margin:0 10px;
   padding:10px;
   border:1px solid #999999;
   border-top:none;
}

/***********************************/
/* サブメニュー */
/***********************************/
div#sub ul {
   margin:10px;
   padding:0;
   border:1px solid #999;
}
div#sub li {
   line-height:1.8;
   font-size:90%;
   list-style:none;
   letter-spacing:2px;
   border-bottom:1px solid #eee;
}
div#sub li.none {
   border-bottom:none;
}
div#sub li a {
   display:block;
   color: #fff;
   background: #35AF97 url("../images/common/bg_arrow_white.png") 10px 50% no-repeat;
   padding:12px 5px 12px 25px;
}
div#sub li a:hover {
   display:block;
   background: #FFE324 url("../images/common/bg_arrow_black.png") 10px 50% no-repeat;
   text-decoration:none;
   color:#333;
   text-decoration:underline;
}
/* バナー */
div#sub .banner p{
	margin:10px 0;
	text-align:center;
	}
/* アルファ */
div#sub .banner a:hover img{
	filter: alpha(opacity=80); /* IE7以下用 */
     -ms-filter: “alpha(opacity=80)”; /* IE8用 */
    opacity:0.8; /* Firefox 1.5以上, Opera, Safari用 */}


/* ========TOTOP CUSTOMIZE========= */
/***********************************/
/* トップへもどる */
/***********************************/
div#totop {
   text-align:right;
   font-size:70%;/* 11px相当 */
   margin:20px 0;
}

div#totop a {
   padding:0 0 0 12px;
   background:url("../images/common/bg_totop.gif") 0 50% no-repeat;
   text-decoration:none;
   color:#333333;
}


/* ========FOOTMENU CUSTOMIZE======== */
div#footer {
	background:#666666;
	padding-bottom:100px;
	}
div#footer ul {
	padding:20px 0;
	text-align:center;
	border-top:1px solid #999;
	}
div#footer li {
   display:inline;
   margin:0 0 0 20px;
   font-size:90%;/* 12px相当 */
   list-style:none;
}

div#footer li a {
	color: #fff;}

div#footer li a:hover {
   color: #ccc;
   text-decoration:underline;
}

div#footer p{
	font-style:normal;
	font-size:80%;/* 11px相当 */
	color:#fff;
	text-align:center;
	line-height:2;
}

/*new clearFix*//***************************/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/***************************************/


/*スマホリンクをPCNGに*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}