@charset "UTF-8";


/* tag style
-----------------------------------------------------------------------------*/
/* リンク色 */
a{
	color:#2E3191;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
#header a,#menu a,.top-cat a{
	color:#333;
	text-decoration:none;
}
#header a:hover,#menu a:hover,.top-cat a:hover{
	color:#333;
	text-decoration:underline;
}



/* structure
-----------------------------------------------------------------------------*/
html{
    margin-bottom:1px;
	overflow-y:scroll;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}
body{
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	text-align:center;
}
#wrapper{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#header{
	width:1000px;
	height:181px;
}
#header .logo{
	padding:16px 95px 15px 26px;
	float:left;
}
#header .box1{
	width:514px;
	float:right;
	padding:16px 0 0;
	overflow:hidden;
}
#header .box1 p{
	line-height:22px;
	height:40px;
	text-align:right;
}
#header .box1 p a{ margin:0 5px; }
#header .box1 li{
	float:left;
	padding:0 18px 0 0;
}
#header .navi{
	width:1000px;
	height:30px;
	float:left;
	position:relative;
	z-index:99;
	background:url(../images/header/navi.gif) no-repeat left top;
}
#header .navi li{
	display:inline;
}
#header .navi li a{
	width:200px;
	height:30px;
	display:block;
	float:left;
	text-indent:-7123px;
	text-decoration:none;
	overflow:hidden;
}
#header .navi li.list2 div.p-box{
	visibility:hidden;
	position:absolute;
	padding:6px 0;
	top:31px;
	left:200px;
	z-index:999999;
	width:200px;
	background:rgba(255,255,255,0.8);
}
#header .navi li.list2 div.p-box a{
	display:block;
	text-decoration:none;
	width:auto !important;
	padding:4px 1px 6px 6px;
	line-height:1.3;
	margin:0 8px;
	color:#4d4d4d;
	text-align:left;
	z-index:999999;
	text-indent:0;
	overflow:auto;
	height:auto;
	float:none;
}
#header .navi li.list2 div.p-box a:hover{ text-decoration:underline; }
#header .navi li.list2 div.p-box a.lastChild{ background:none; }

#header .navi li div a span{
	padding:0 0 0 14px;
	background:url(../images/common/arrow1.gif) no-repeat left center;
}











#container{
	width:1000px;
	overflow:hidden;
}
#contents{
	width:770px;
	float:right;
	margin-bottom:30px;
}
#toppage #contents{ margin-top:15px; }
#menu{
	width:215px;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
}
#menu .category{
	margin:0 0 30px;
}
#menu .category li{
	margin:0 0 10px;
}
#menu .supp{
	background:url(../images/menu/title1.gif) no-repeat left top;
	padding:45px 0 0 16px;
	margin:0 0 30px;
}
#menu .supp li{
	list-style:disc inside;
	font-size:1.1em;
	line-height:1.5;
}
#menu .co{
	background:url(../images/menu/title2.gif) no-repeat left top;
	padding:50px 15px 12px;
	border:solid 1px #45b3bd;
	line-height:1.3;
}
#menu .co h3{
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 8px;
}
#menu .co address{
	margin:0 0 8px;
}
#menu .co li{
	list-style:disc inside;
}

#footer{
	width:1000px;
	overflow:hidden;
	background:#E7F0C4;
}
#footer .navi{
	text-align:center;
	height:35px;
	line-height:35px;
	color:#fff;
	background:#A8CD31;
	font-size:1.1em;
}
#footer .navi a{
	margin:0 20px;
	color:#fff;
	text-decoration:none;
}
#footer .navi a:hover{ text-decoration:underline; }
#footer .box{
	height:180px;
	float:right;
	font-size:0.9em;
	line-height:1.3;
}
#footer .box3{
	width:355px;
	background:url(../images/footer/title3.gif) no-repeat left top;
}
#footer .box2{
	width:360px;
	background:url(../images/footer/title2.gif) no-repeat left top;
}
#footer .box1{
	width:255px;
	background:url(../images/footer/title1.gif) no-repeat left top;
}
#footer .box-inner{
	padding:15px 15px 15px 40px;
}

#copy{
	font-size:0.9em;
	padding:0 0 30px;
	height:36px;
	line-height:36px;
	text-align:center;
	
}


/* pankuzu detail
------------------------------------*/
ol#pankuzu{
	line-height:22px;
	padding:15px 0;
}
ol#pankuzu li{
	display:inline;
	line-height:22px;
	list-style-type:none;
}
ol#pankuzu li a{
	padding-right:10px;
	background:url(../images/common/arrow-pankuzu.gif) no-repeat right center;
}


/* module(要調整)
-----------------------------------------------------------------------------*/
/* link
------------------------------------*/
/* アンカー */
.anchor{
	text-align:right;
}
.anchor a{
	margin-left:20px;
	padding:0 0 0 15px;
	background:url(../images/common/arrow1.gif) no-repeat left center;
}

/* 外部リンク */
a img.opc, .button a img {
    opacity: 1;
}
a:hover img.opc, .button a:hover img {
    opacity: 0.7;
}

/* table
------------------------------------*/
.box table.table-f{ width:740px; }
table.table-p{
	border-collapse:collapse;
	border-spacing:0;
	border:solid 1px #ccc;
}
table.table-p th{
	border:solid 1px #ccc;
	background-color:#F8F4E6;
	padding:5px;
	font-weight:normal;
	text-align:left;
}
table.table-p th.hissu{
	background-image:url(../images/common/icon-hissu.png);
	background-repeat: no-repeat ;
	background-position:right center;
}
table.table-p td{
	border:solid 1px #ccc;
	padding:5px;
	text-align:left;
}


/* box
------------------------------------*/
#contents .box{
	margin:0 15px 30px;
	overflow:hidden;
}
#contents .box p{
	margin-bottom:1em;
}
.habayose .info{
	width:390px;
}
.box-deco{
	margin:0 0 20px;
	padding:0 0 15px;
	background:url(../images/common/bg1.gif) no-repeat left bottom;
}
.box-deco .box-inner{
	padding:16px 0 0;
	background:url(../images/common/bg1.gif) no-repeat left top;
}
.box-list{
	width:702px;
	overflow:hidden;
}
.box-list li{
	float:left;
}
.box-list2{
	margin:0 18px;
}
.box-list2 li{
	padding:0 0 0 17px;
	background:url(../images/common/arrow1.gif) no-repeat left center;
}

/* list
------------------------------------*/
ul.list-p li{
	margin-left:20px;
	list-style:outside disc;
}
ol.list-p li{
	margin:0 0 5px 30px;
	line-height:1.4;
	list-style:decimal outside;
}
.company-list .list-p{
	width:570px;
}
.company-list .list-p li{
	width:174px;
	float:left;
}
.company-list .list-p li.l{
	width:364px;
}
.company-list .list-p li.l2{
	width:269px;
}
/* ※印行頭揃え */
p.kome,div.kome{
	padding-left:1em;
	text-indent:-1em;
}

/* font
------------------------------------*/
.midashi-h1{
	background:#79AA41 url(../images/common/bg_midashi-h1.gif) no-repeat left center;
	line-height:45px;
	margin:0 0 15px;
	padding:0 0 0 15px;
	font-size:1.6em;
	font-weight:bold;
	color:#fff;
}
.h1-y{ background-image:url(../images/common/bg_midashi-h1-y.gif); }
.h1-b{ background-image:url(../images/common/bg_midashi-h1-b.gif); }
.h1-c1{ background-image:url(../images/products/cat/bg_title1.gif);padding-left:60px; }
.h1-c2{ background-image:url(../images/products/cat/bg_title5.gif);padding-left:60px; }
.h1-c3{ background-image:url(../images/products/cat/bg_title2.gif);padding-left:60px; }
.h1-c4{ background-image:url(../images/products/cat/bg_title3.gif);padding-left:60px; }
.h1-c5{ background-image:url(../images/products/cat/bg_title4.gif);padding-left:60px; }
.h1-c6{ background-image:url(../images/products/cat/bg_title6.gif);padding-left:60px; }

.midashi-h2{
	background: url(../images/common/bg_midashi-h2.gif) no-repeat left center;
	line-height:37px;
	margin:0 0 15px;
	padding:0 0 0 15px;
	font-size:1.2em;
	font-weight:bold;
	color:#228F5C;
}
.midashi-h3{
	border-bottom:dotted 1px #CCBF33;
	margin:0 0 8px;
	padding:0 0 4px;
	font-size:1.2em;
	line-height:1.33;
	font-weight:bold;
}
.midashi-h4{
	font-size:1.1em;
	font-weight:bold;
	color:#00B3FF;
}
b.title{
	font-size:1.1em;
	font-weight:bold;
	color:#340000;
}
.red{
	color:#ED1C23;
}
.blue{
	color:#00B3FF;
}
.rem{
	color:#ED1C23;
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
.large{
	font-size:130%;/*14px*/
}
.xsmall{
	font-size:85%;/*11px*/
	line-height:1.2;
}
.xxsmall{
	font-size:77%;/*10px*/
	line-height:1.2;
}


/* spry */
input.hissu{ background:#ffeeef; }
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg,
.textareaRequiredMsg,
.textareaRequiredMsg,
.radioRequiredMsg, .radioInvalidMsg,
.selectRequiredMsg, .selectInvalidMsg,
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg,
.textareaRequiredState .textareaRequiredMsg,
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg,
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg,
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg{
	display: inline-block;/*(06)*/
	color: #ff0000;
	padding-left:5px;
	font-weight:bold;
	padding-left:23px;
	background:url(../images/common/icon-error.gif) no-repeat 5px center;
}
.textfieldValidState input, input.textfieldValidState,
.selectValidState select, select.selectValidState{
	background-color: #F0F8FF;/*(07)*/
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #fbe7da;
}
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;/*(09)*/
}
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
	padding-left:5px;
}
.textareaValidState textarea, textarea.textareaValidState {
	background-color: #F0F8FF;
}
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea,
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select{
	background-color: #fbe7da;
}
.textareaFocusState textarea, textarea.textareaFocusState,
.selectFocusState select, select.selectFocusState{
	background-color: #fbe7da;
}
/* spry confirm */
.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.confirmValidState input, input.confirmValidState {
	background-color: #B8F5B1;
}
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	background-color: #FF9F9F;
}
.confirmFocusState input, input.confirmFocusState {
	background-color: #FFFFCC;
}