@charset "UTF-8";
/* CSS Document */
@import "yui_reset.css";
@import "hack.css";

html {
	height: 100%;
}
body {
	height: 100%;
	background-color:#fff;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	line-height:1.6;
	color: #333;
}

strong{
	font-weight:bold;
}
a{
	color:#f60;
	
}
a:hover{
	color:#f60;
}
img.alignright{
	margin:1em 0 1em 1em;
	float:right;
}
img.alignleft{
	margin:1em 1em 1em 0;
	float:left;
}
img.aligncenter{
	clear:both;
	margin:1em;
}

/*サイトタイトル*/
h1 {
	
}


/*ページタイトル or サブタイトル*/
h2 {
	font-size:24px;
	font-weight:bold;
	line-height:1;
	letter-spacing:0.1em;
	margin:0 0 20px;
	padding:10px;
	text-shadow: 0px 2px 2px #ccc;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
h2 {
	border:solid 1px #f60;
}

/*コーナー見出し*/
h3 {
}
h3.corner_title {
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1;
	padding:5px;
	margin:30px 0 10px;
	border:solid 1px #ccc;
	background:url(../../common/images/bg_h.png) right no-repeat #666;
	color:#fff;
	/*text-shadow: 0px 2px 2px #333;*/
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}
/*サブページ小見出し*/
h4 {
	
}
/*小見出し　写真送り先*/
h5 {
}
/*汎用クラス*/
.clear { clear:both; }
hr {
   border:solid #ccc;
   border-width:1px 0 0 0;
   margin:20px 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
} 
.nodisp {
	position:absolute;
	left:-9999px;
}
.r3{
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}
.r5{
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.ph_fl_left{
	float:left;
	margin:0 10px 10px 0;
}
.ph_fl_right{
	float:right;
	margin:0 0 10px 10px;
}
.w_max{
	width:100%;
}
.right_al{
	text-align:right;
}
a.linkarrow{
	padding:0 0 0 12px;
	background:url(../../common/images/icon_arrow_blue.png) left no-repeat;
}
dl.list_data{
}
dl.list_data dt{
	font-weight:bold;
}
.normal_table{
	border-collapse:collapse;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:20px 0;
}
.normal_table tr {
}
/*.normal_table tr.odd {
}
.normal_table tr.even {
}*/
.normal_table th {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#f2f2f2;
}
.normal_table td {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}
.normal_table td.dotted {
	border-bottom:dotted 1px #CCCCCC;
}
/*ストライプ化*/
.stripe-table{
	border-collapse:collapse;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:20px 0;
}
.stripe-table tr {
}
.stripe-table tr.odd {
}
.stripe-table tr.even {
	background-color:#f2f2f2;
}
.stripe-table td {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}
.border-table td.dotted {
	border-bottom:dotted 1px #CCCCCC;
}
.noborder-table{
	border-collapse:collapse;
}
.noborder-table td {
	padding:5px 5px 5px 0;
}

/*基本構造*/
#wrap {
	width: 920px;
	text-align: center;
	margin:0 auto;
	padding:0;
	
}

#header{
	text-align:left;
	min-height:107px;
	height: auto !important;
	height: 107px;
	background:url(../../common/images/bg_header.png) center bottom no-repeat #fff;
	margin:20px 0 30px 0;
	padding:0 0 20px 0;
}
#header h1{
	margin:10px 0 0 0;
	padding:0 0 0 18px;
	/*border-left:solid 5px #F60;*/
}
#header  h1.text-title a {
            /* add text logo */
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            margin-left:13px!important;
            font-size:32px;
            line-height:50px;
            text-decoration:none !important;
            font-weight:bold;
            color:black;
}
#header .h1_read{
	margin:0 0 0 2em;
	text-shadow: 0px 2px 2px #ccc;
}
#footer{
	clear:both;
	text-align:center;
	padding:20px 0;
	background-color:#fff;
	
}
#contents{
	height:100%;
	margin: 0 auto;
	text-align: left;
	background:url(../../common/images/bg_wrap.png) repeat-y;
}
#contents #cont_left{
	float:left;
	width:180px;
	font-size:14px;
}
#contents #cont_right{
	float:right;
	width:700px;

}

/*左カラム*/
/*ナビゲーション*/
#cont_left ul#nav_main{
	line-height:1;
	font-size:18px;
}
#cont_left ul#nav_main li{
	width:170px;
	padding:5px;
	margin:0 0 15px 0;
	background-color:#fff;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	border:solid 1px #f2f2f2;
}
#cont_left ul#nav_main li a{
	display:block;
	width:170px;
	color:#333;
	text-decoration:none;
}
#cont_left ul#nav_main li a:hover{
	color:#f60;
}
#cont_left ul#nav_main li.active{
	background-color:#F60;
	color:#fff;
}
#cont_left ul#nav_main li.active a{
	color:#fff;
}

/*左カラム　その他要素*/
#cont_left .banner_box{
	width:180px;
	margin:20px 0;
	padding:20px 0;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
#cont_left .banner_box a{
	border:none;
}
#cont_left #company_data_box{
	margin:40px 0;
}
/*右カラム　トップページ*/
.read{
	width:530px;
}
.read h3.catchcopy{
	font-size:21px;
	font-weight:bold;
	line-height:1.5;
	text-shadow: 0px 2px 2px #ccc;
}
.read p{
	margin:1em 0 1em 0;
}
#whatsnew_box{
	width:530px;
	margin:40px 0 20px;
}
#whatsnew_box h4{
	font-size:18px;
	font-weight:bold;
	padding:5px 5px;
	border:solid 1px #ccc;
	margin:1em 0;
	width:5em; /* 改行が起きるケースがあったので対処 */
        white-space:nowrap;
        text-align:center;
}
#whatsnew_box dl{
}
#whatsnew_box dl dt{
	border-left:solid 5px #f60;
	padding:0 0 0 5px;
	letter-spacing:0.2em;
}
#whatsnew_box dl dd{
	margin:0.3em 0 1em 1.5em;
}
/*画像ボックス index*/
.ph_box_right{
	float:right;
	width:155px;
}
.ph_box_right img{
	border-radius: 5px;
	margin: 0 0 15px 0;
	/* border-radius */
	/*border-radius: 5px!important;*/        /* CSS3草案 */  
    /*-webkit-border-radius: 5px;*/    /* Safari,Google Chrome用 */  
    /*-moz-border-radius: 5px;*/   /* Firefox用 */ 
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
}
/*画像ボックス 下位ページ*/
.ph_box {
    margin:20px 0;
    text-align: center;
    word-spacing: 20px;
}
.ph_box img {
    vertical-align: top;
    box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
    -moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 2px;
}
#business .ph_box .fL	{	float:left; display:block;}
#business .ph_box .fR	{	float:right; display:block;}
#business .ph_box .pC	{	text-align:center;}


/*製品案内*/
.product_box{
}
.product_box img{
	float:left;
	margin:0 20px 0 0;
}
.product_box table{
	margin-top:0;
	width:498px;
	
}
/*会社案内*/

img.gaikan{
	float:left;
	margin-right:20px;
}
/*お問い合わせ*/
.contact_table{
	border-collapse:collapse;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:20px 0;
	width:100%;
}
.contact_table tr {
	
}

.contact_table th {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#f2f2f2;
}
.contact_table td {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}
/*お取引先様専用サイト*/
.h1_customer_midashi{
	margin:0 0 0 26px;
	font-size:18px;
	color:#E80404;
	text-shadow: 0px 2px 2px #ccc;
}
.index_box{
	width:530px;
	margin:40px 0 20px;
}
/*tool*/
.menu{
	margin:20px 0 10px;
}
.menu h3{
	/*background-color:#d2d2d2;*/
	border-bottom:solid 1px #ccc;
	margin:0 0 10px 0;
}
.menu ul{
}
.menu ul li{
		float:left;
}

.menu ul li a{
	background:#fff;
	text-decoration:none;
	margin:5px 10px;
	padding:5px 10px;
	border:solid 1px #ccc;
	/* border-radius */
	border-radius: 3px!important;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
.menu ul li a:hover{
	background:#f2f2f2;
}
.listBase{
}
.listBase h3{
	font-size:16px;
	font-weight:bold;
	border-left:solid 5px #666;
	border-bottom:solid 1px #666;
	margin:20px 0 20px 0;
	padding:0 0 5px 10px;
}
.listBase table{
	float:left;
	border-collapse:collapse;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:0 8px 20px 0;
	width:19%;
}
.listBase table tr {
	
}

.listBase table th {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}
.listBase table td {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;

}
.pTop{
	clear:both;
	text-align:right;
	
}
.pTop a{
	padding:0 0 0 20px;
	margin:10px 0;
	background:url(../../common/images/bg_pTop.png)left no-repeat;
}
/*processing*/
ul.comKomeList{
	color:#f00;
	margin:20px 0;
}
table.proBox{
	width:100%;
	
}
table.proBox th,table.proBox td{
	vertical-align:top;

}
table.proBox table{
	border-collapse:collapse;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:20px 15px 20px 0;
	width:340px;
}
table.proBox table tr {
}
/*.normal_table tr.odd {
}
.normal_table tr.even {
}*/
table.proBox table th {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#f2f2f2;
}
table.proBox table td {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}
table.proBox h3{
	width:320px;
	font-size:14px;
	font-weight:bold;
	border-left:solid 5px #666;
	border-bottom:solid 1px #666;
	margin:20px 0 20px 0;
	padding:0 0 5px 10px;
}
/*calendar*/

#cal			{	font-family:Verdana, Osaka , “ＭＳ Ｐゴシック”,sans-serif; padding-bottom:20px;}
#cal h3			{	font-size:197%; font-weight:bold; color:#666; }
#cal .cBase		{	width:100%; overflow:hidden;}
#cal .cBase div	{	float:left; padding:0 0 1px 2px; background-color:#ccc; margin:0 40px 20px 0;}
#cal p			{	width:176px; color:black; font-weight:bold; text-align:center; padding:3px 0;}
#cal ul			{	width:176px; overflow:hidden;}
#cal li			{	float:left; width:24px; text-align:center; background-color:white; margin:0 1px 1px 0;
					font-weight:bold; }
#cal li.week	{	background-color:#EFEFEF; font-size:93%;}	
#cal li.holi	{	color:red;}