@charset "Shift_JIS";

/* =================================================================================

 Common style of this site 

================================================================================= */



/* /////////////////////////////////////////////////////////////////////////// h1-h6 style */

/* タイトル画像の高さが29px */
h1#ttl{
	margin:34px 0 35px;
	width:675px;
	min-height:31px;
	height:auto !important;
	height:31px;
	padding-top:17px;
}

/* タイトル画像の高さが25pxのときにこのクラスも指定 */
h1.other{
	margin-bottom:39px !important;
}

/*  */

h1.index{
	width:960px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

/* /////////////////////////////////////////////////////////////////////////// icon style */

/* /////////////////////////////////////////////////////////////////////////// link style */

a.dotlink{
	padding-bottom:4px;
	background:url(img/dot_link.gif) repeat-x left bottom;
	text-decoration:none;
	color:#000000;
	zoom:1;
	line-height:2.5em;
}

	a.dotlink:hover{
		color:#2fbabe;
	}
	
a.dotlinkRed{
	padding-bottom:4px;
	background:url(img/reddot_line.gif) repeat-x bottom;
	text-decoration:none;
	color:#555555;
	zoom:1;
}

	a.dotlinkRed:hover{
		color:#ea020f;
	}	
	
a.dotlinkGreen{
	padding-bottom:4px;
	background:url(img/greendot_line.gif) repeat-x bottom;
	text-decoration:none;
	color:#9aaa01;
	zoom:1;
}

	a.dotlinkGreen:hover{
		color:#758201;
	}	



.dotline p {	
	background: url(/common/css/img/dot02.gif) repeat-x bottom !important;
	padding:4px 0;
	}


/* /////////////////////////////////////////////////////////////////////////// table style */

.tableStyle01{
	width:100%;
}

.tableStyle01 tr.head th,
.tableStyle01 tr.head td{
	background:none;
	/*padding-top:5px;*/
}

.tableStyle01 th{
	padding:11px 15px 8px 8px;
	white-space:nowrap;
	vertical-align:top;
	background:url(img/dot02.gif) repeat-x left top;
	line-height:1.5 !important;
}

.tableStyle01 td{
	padding:8px 8px 8px 0;
	background:url(img/dot02.gif) repeat-x left top;
}

.tableStyle01 td p.comment {
	font-size:83%;
}

/* /////////////////////////////////////////////////////////////////////////// line style */

.line01{
	padding-bottom:10px;
	background:url(img/line01.png) no-repeat left bottom;
}

.line02{
	padding-bottom:10px;
	background:url(img/line02.png) no-repeat left bottom;
}

.line03{
	padding-bottom:40px;
	background:url(img/line03.png) no-repeat right bottom;
}

/* /////////////////////////////////////////////////////////////////////////// box style */

div.w605{
	width:605px;
	margin:0 auto;
}

/* ボックスの横幅 */

div.w285{
	width:285px;
}

div.w300{
	width:300px;
}

/* 3カラム */
.column3 .box{
	float:left;
	width:179px;
	margin-right:34px;
}

.column3 .box.last{
	margin-right:0;
}

/* 縦に糸の画像がある場合 */

.line01_y{
	background:url(img/line01_y.png) repeat-y left top;
}

.line01_y .box{
	margin-right:33px;
	padding-right:48px;
	background:url(img/line01_y_top.png) no-repeat right top;
	width:171px;
	display:inline;
}

.line01_y .box.last{
	background:none;
	padding-right:0;
	margin-right:0;
}


/* /////////////////////////////////////////////////////////////////////////// text style */

p.intro{
	margin-top:-7px;
}

.comment{
	font-size:77%;
	color:#7d7d7d;
}

.mapText {
line-height:1.5;
margin-bottom:0;
}

.mapText strong {
font-weight:bold;
color:#000000;
}

.txtStyle01{
	font-family:"ヒラギノ明朝 Pro W3",'Hiragino Mincho Pro',"ＭＳ Ｐ明朝", "細明朝体"  !important;
}

.txtColor01{
	color:#9aaa01;
	font-weight:bold;
}


/* /////////////////////////////////////////////////////////////////////////// ul style */

/* ドットライン（一番最後のliにはラインなし） */

ul.dot02 {
	_zoom: 1;
	overflow: hidden;
}
ul.dot02 li {
	padding-top:10px;
	padding-bottom:9px;
	margin-top: -1px;
	background:url(img/dot02.gif) repeat-x left top;
}

/* アイコン */

ul.item01_in li span,
ul.item01 li{
	padding-left:21px;
	background:url(img/icon_item01.png) no-repeat left 4px;
}

ul.item01 li{
	background:url(img/icon_item01.png) no-repeat left 6px;
}

/* /////////////////////////////////////////////////////////////////////////// position style */

.relative{
	position:relative !important;
}
.absolute{
	position:absolute;
}


/* =================================================================================

form style  

================================================================================= */


/* /////////////////////////////////////////////////////////////////////////// form */


#form #form_base {
	margin-top:33px;
	background:url(img/form_hd.jpg) no-repeat;
	padding-top:64px;
}

#form .bk_img02 {
	background:url(img/form_bk02.jpg) repeat-y bottom;
	}

#form .bk_img03 {
	background:url(img/form_bk03.jpg) repeat-y bottom;
	}	
	
#form .bk_img02 form,
#form .bk_img03 form {
	width:605px;
	margin:0px 35px;
}

#form form table {
width:605px;
margin-left:35px;
}

#form table th {
width:187px;
}

#form table th.short {
width:76px;
vertical-align:top;
}

#form table td.short {
width:111px;
vertical-align:top;
}

#form table th.short img {
margin-top:6px;
}

#form table td.short img {
margin-top:8px;
}

#form table th img,
#form table td img {
padding:0 10px;
}

#form table th,
#form table td {
background:url(img/dot02.gif) repeat-x bottom;
padding:25px 0px 25px 0px;
}
	
#form table td.alignRight {
padding-left:0px;
}

/*住所の箇所*/
/*お問合わせの箇所*/
#form th.valign {
vertical-align:top;
}	
		
#form .h180 {
height:180px;
}

#form th.nonebd,
#form td.nonebd {
background:none !important;
}
	
#form table td textarea {
width:333px !important;
padding:7px 5px 7px 5px;
border:none;
background:#FFFFFF;
}

#form table input {
	width:333px;
	padding:7px 5px 7px 5px;
	border:1px solid #dfe0db;
	background:#FFFFFF;
}

#form table input.radio {
	width:auto;
	border:none;
	background:none;
	vertical-align:middle;
}

#form table select {
	padding:7px 5px 7px 5px;
	border:1px solid #dfe0db;
	background:#FFFFFF;
}

#form table input.btn {
	width:auto;
	/padding-top:4px;
	margin:-4px 10px 0px 0 !important;
	height:auto;
	border:none;
	background:none;
	vertical-align:middle;
}

#form table tr td ul li{
list-style:none;
margin-bottom:8px;
}
	
#form div#form_ft_01 {
background:url(img/form_ft_01.png) no-repeat bottom;
height:147px;
position:relative;
}

#form div#form_ft_02 {
background:url(img/form_ft_02.png) no-repeat bottom;
height:147px;
position:relative;
}
	
#form div#form_ft_03 {
background:url(img/form_ft_03.png) no-repeat bottom;
height:147px;
position:relative;
}	

#form div#form_ft_04 {
background:url(img/form_ft_04.png) no-repeat bottom;
height:147px;
position:relative;
}	
	
#form div#form_ft_05 {
background:url(img/form_ft_05.png) no-repeat bottom;
height:147px;
position:relative;
}	
	
#form p.input_note {
margin:20px 35px 0 35px;
font-size:77%;
line-height:2;
}	

#form ul.note {
	text-indent:-1em;
	padding-left:1em;
	}	
	
#form #note_box {
	background:url(img/note_hd.jpg) no-repeat;
	padding-top:23px;
	margin-top:30px;
}

#form #note_box #note_area  {
	background:url(img/note_bk.jpg) repeat-y;
	padding:0px 32px;
}

#form #note_box #note_area ul {
	margin-top:16px;
	}

#form #note_box #note_area ul li {
	background:url(img/note_icon.gif) no-repeat;
	padding-left:26px;
	margin-bottom:10px;
	}

#form .mt010 {
	margin-top:-10px;
}
	
#form p.input_btn {
	position:absolute;
	top:86px;
	left:288px;
}

#form #form_ft_05 p.input_btn,
#form #form_ft_03 p.input_btn {
	position:absolute;
	top:77px;
	left:292px;
}

#form #form_ft_05 p.return_btn,
#form #form_ft_03 p.return_btn {
	position:absolute;
	top:105px;
	left:197px;
}

#form #form_ft_02 p.input_btn {
	position:absolute;
	top:77px;
	left:360px;
}

#form #form_ft_02 p.catalog_btn {
	position:absolute;
	top:77px;
	left:197px;
}

#form table td ul li {
list-style:disc;/*黒丸*/
list-style-position:outside !important;
margin-left:15px;
}
	
/* /////////////////////////////////////////////////////////////////////////// contact */

#form ul.contact_note {
	margin-top:8px;
	margin-bottom:15px;
}

#form ul.contact_note li {
	list-style:disc;/*黒丸*/
	list-style-position:outside !important;
	margin-left:15px;
	}

*html #form ul.contact_note li a {
	margin-bottom:-0.7em;
	margin-top:10px;
	}	
	
/* /////////////////////////////////////////////////////////////////////////// utility */	

#utility ul.style01,
#utility ol.style02 {
	margin-top:35px;
}

#utility ul.style01 li {
	list-style:disc;/*黒丸*/
	list-style-position:outside !important;
	margin-left:45px;
}

#utility ol.style02 li {
	list-style:decimal;/*数字*/
	list-style-position:outside !important;
	margin-left:45px;
}

#utility ol.style02 li ul li{
	list-style:disc;/*数字*/
	list-style-position:outside !important;
	margin-left:15px;
}

#utility ul#banner {
padding:10px;
border:1px solid #CCCCCC;
background:#FFFFFF;
margin-top:20px;
margin-bottom:20px;
}

#sitemap ul.style01 li {
	list-style:disc;/*黒丸*/
	list-style-position:inside !important;
	margin-bottom:5px;
}

#link ul {
	margin-bottom:40px;
	}

#link ul.style01 li {
	list-style:disc;/*黒丸*/
	list-style-position:outside !important;
	margin-left:45px;
	margin-bottom:30px;
}

#link ul.style01 li a{
line-height:1.4em;
}

#link .link_navi {
	width:100%;
	padding:20px 0px;
}

#link .link_navi p {
	padding-bottom:20px;
	margin-bottom:30px;
}

#link h3 {
 margin:0px 0px 20px 30px;
 font-weight:bold;
}

#attention a {
  display:block;
  background:#E5F0EF;
  border:2px solid #AAE7E8;
  text-align:center;
  padding:5px;
  margin:20px 0;
  color:#2fbabe;
}