@import url(/css/base.css);
@import url(/css/kyotsu.css);
@import url(/css/global.css);
@import url(/css/menu.css);
@import url(/css/semi.css);
@import url(http://www.hammock.jp/support/faq/faq.css);

/* ----------- Style ----------- */


#bg-fence{
margin:10px auto 0 auto;
padding:0;
width:1000px;
}
#fence{
margin:0 auto;
padding:0;
width:1000px;
}

#contents{
clear:both;
margin:0 auto;
padding:0;
width:1000px;
min-height:550px;
}

/*TOTOP*/
#main p.totop{
clear:both;
width:100%;
margin:4em 0 2em 0;
padding:0;
text-align:right;
}

#cont-l{float:left; display:box;margin-right:20px; width:330px;background:transparent;}
#cont-r{float:right; display:box;margin-right:20px;width:330px;background:transparent;}

#ban-fla{margin:0 0 3em 0;}

/* ----------- Ul Style ----------- */
ul.base-list{width:93%;margin:0 0 1em 0;padding:0;list-style:none;}
ul.base-list li{clear:both;margin:0;padding:0.7em;zoom:100%;}
ul.base-list li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

ul.link{list-style-image:url(/item/link_list.gif);}
ul.link li{padding:0 0 .3em 0;}

ul.c2-list{margin:0 0 1em 0;padding:0;list-style:none;}
ul.c2-list li{clear:both;margin:0;padding:.5em 0;zoom:100%;}
ul.c2-list li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


ul.endsupport{margin:1em 0;padding:1em;list-style:none;border:solid 1px #aaa;background:#FFEEFF;}


/* ----------- Table Style ----------- */
table.kouka{
margin:0;
padding:0;
border:solid 1px #aaa;
width:100%;
}
table.kouka td{
margin:0;
padding:.3em .5em;
background:#f2f2f2;
}
table.kouka td.bg{background:#e5e5e5;}
table th.cap{background:#eeeeee;}

table.tab-2nd{
margin:0 0 3em 0;
}

table.tab-2nd th,table.tab-2nd td{
padding:.7em .5em;
}

table.tab-base{
width:100%;
}

table.tab-base th{
padding:.2em .5em;
border:solid 1px #aaa;
background:#e5e5e5;
}

table.tab-base td{
padding:.2em .5em;
border:solid 1px #aaa;
}

/* ul Style(Detaile) */
ul.main-ul{
clear:both;
margin:0 0 1em 0;
padding:0;
list-style:none;
width:100%;
}
/* 1段組 */
ul.main-ul li.main-list{
clear:both;
width:93%;
margin:0.7em 0 2em 0;
padding:0 0 1em 0;
display:block;
}

ul.main-ul li.main-list strong{
margin:0.7em 0;
font-size:14px;
}

/* 1段組ライン */
ul.main-list-line{
clear:both;
margin:0 0 1em 0;
padding:0;
list-style:none;
border-top:solid 1px #cccccc;
}
ul.main-list-line li{
clear:both;
padding:1em 0 0 0;
border-bottom:solid 1px #cccccc;
}
/* 2段組 */
ul.main-ul li.main-list-l{
clear:both;
float:left;
margin:0 1% 0 0;
padding:0 0 1em 0;
list-style:none;
width:50%;
}
ul.main-ul li.main-list-r{
float:right;
margin:0;
padding:0 0 1em 0;
list-style:none;
width:49%;
}
/* 3段組 */
ul.main-ul li.main-list-three{
float:left;
margin:0 2% 0 0;
padding:0 0 1em 0;
list-style:none;
width:32%;
}
ul.main-ul li.main-list-three-r{
float:right;
margin:0;
padding:0 0 1em 0;
list-style:none;
width:32%;
}
/* 4段組 */
ul.main-ul li.main-list-four{
float:left;
margin:0 0 1em 0;
padding:0 1%;
list-style:none;
width:23%;
background:url(./icon/dot.gif) repeat-y right;
}
ul.main-ul li.main-list-four-r{
float:left;
margin:0 0 1em 0;
padding:0 1%;
list-style:none;
width:23%;
}




/* ----------- top ----------- */

/*main-menu*/

#top-navi {width:1000px; height:35px; font-size:10px; }

body div#main-frame{
	float:left;
	margin:0;
	padding:0;
	width:750px;
}

body div#main-frame p{
	width:92%;
	margin:1em 0;
	line-height:140%;
}

body div#main-frame table{
	width:92%;
	margin:1em 0;
}

*html body div#main-frame{
	float:left;
	margin:0;
	padding:0;
	width:750px;
}


/* ----------- topお知らせ ----------- */

#top-oshirase {
	margin:30px 0 0 0;
	padding:0;
	*margin-top:25px;
}

p.top_tit {
	margin:10px 0 7px 0;
	padding:0;
	font-size: 14px;
	color: #444444;
	letter-spacing:1px;
	font-weight: bold;
}

div.oshirase_link {
	margin:5px 0 5px 0;
	padding:0 0 0 0;
	font-size: 12px;
	color: #666666;
	text-align:right;
	width:700px; 
}

div.oshirase_link a {
	text-decoration: underline;
}

/* お知らせタブ */

ul.tab-list{
	margin:3px 10px -5px 10px;
	padding:4px 0 0 0;
	*padding:4px 0 4px 0;
	list-style-type: none;
	overflow:hidden;
}

ul.tab-list li{
	font-size: 12px;
	line-height:25px;
}

.oshirase-box {
width: 700px; height:263px; *height:255px;
background-image: url(../item/top-category-side.gif);
background-repeat: repeat-y;
margin: -5px 0;
padding: 5px 25px 5px 25px }

.oshirase-box p.top_tit img{ margin: 0 5px 0 0 ; padding: 0; }


/* タブ部分 */
p.tabs { margin: 0px; *margin-bottom:-20px; padding: 0px 0 0 0; }

/* ☆リンクをタブのように見せる */
p.tabs a.tab1 {
	display: block;
	width: 80px;
	height:20px;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 3px 0 0 10px;
	text-align: left;
}
p.tabs a.tab2 {
	display: block;
	width: 110px;
	height:20px;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 3px 0 0 10px;
	text-align: left;
}

/* ◇各タブの配色 */
p.tabs a.tab1 { background-color: #e6e6e6; color:#555; letter-spacing:1px; padding-top:5px; }
p.tabs a.tab2 {	background-color: #dddddd; color:#555; letter-spacing:1px; padding-top:5px; }
p.tabs a:hover { color: #333; }

/* ▼(C)タブ中身のボックス */
/* ☆ボックス共通の装飾 */
div.tab { height: 100px; overflow: auto; clear: left; }
/* ◇各ボックスの配色 */
div#tab1 { border: 1px solid #e6e6e6; background-color: #fff; height:140px; padding:0; margin:0; *margin-top:-13px; }
div#tab2 { border: 1px solid #dddddd; background-color: #fff; height:140px; padding:0; margin:0; *margin-top:-13px; }



/* ----------- top-products ----------- */

#top-seihin {
	padding:0;
	*margin-top:25px;
	width: 750px;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.seihin-box {
width: 700px; height:420px; *height:410px;
background-image: url(../item/top-category-side.gif);
background-repeat: repeat-y;
margin: -5px 0;
padding: 5px 25px 5px 25px }

.seihin-box p.top_tit img{ margin: 0 8px 0 -5px ; padding: 0; }

.seihin-tit {
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	margin-left:1.5em;
	padding-left:1.6em;
	width:290px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	line-height:22px;
}

/*製品1段目*/
#seihin-01 {
	margin:20px 0 30px 5px;
	padding:0;
	width:675px;
	height:150px;
	text-align: center;
}

#soft{
	float:left;
	height: 150px;
	width: 320px;
	padding:0;
	margin:0 34px 0 0;
	background-image: url(/item/top-seihin-box.gif);
	background-repeat: no-repeat;
	text-align:left;
}

#services-top{
	float:right;
	height: 150px;
	width: 320px;
	padding:0;
	margin:0;
	background-image: url(/item/top-seihin-box.gif);
	background-repeat: no-repeat;
	text-align:left;
}

/*製品2段目*/
#seihin-02 {
	margin:15px 0 30px 5px;
	padding:0;
	width:674px;
	height:150px;
	text-align: center;
}

#mokuteki{
	float:left;
	height: 150px;
	width: 320px;
	padding:0;
	margin:0 34px 0 0;
	background-image: url(/item/top-seihin-box.gif);
	background-repeat: no-repeat;
	text-align:left;
}

#ninki{
	float:right;
	height: 150px;
	width: 320px;
	padding:0;
	margin:0;
	background-image: url(/item/top-seihin-box.gif);
	background-repeat: no-repeat;
	text-align:left;
}

/*製品内容リスト*/
.seihin-list-box{
	margin: 0 0 0 20px;
	padding: 0px;
	height: 100px;
	width: 290px;
	text-align:center;
}

ul.list-01{
	margin:0 25px 0 0;
	padding:0;
	float:left;
	width:130px;
	height:100px;
	list-style-type: none;
	font-size: 12px;
	text-align:left;
}

ul.list-01 li{
	width: 130px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	padding:.6em 0;
}

ul.list-02{
	margin:0;
	padding:0;
	float:left;
	width:130px;
	height:100px;
	list-style-type: none;
	font-size: 12px;
	text-align:left;
}

ul.list-02 li{
	width: 130px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	padding:.6em 0;
}


/* ----------- Top-side ----------- */

body#main_index #side-menu{
	float:right;
	margin:0;
	padding:0;
	width:200px;
}
*html body#main_index div#side-menu { float:right;margin:0; padding:0;  width:200px; }

/* ----------- Grobal-side ----------- */
#side-menu{
	float:right;
	margin:0.5em 0 0 0;
	padding:0;
	width:200px;
}
*html body div#side-menu { float:right;margin:0.5em 0 0 0; padding:0;  width:200px; }


#top-banner{
	width:200px;
	height:380px;
	padding:0;
	margin:0 0 30px 0;
}

#top-banner p { margin:0 0 20px 0; }
#top-banner p.last { margin:0 0 0 0; }

#info {margin-bottom:30px;}

.side-menu-g {
	width:200px;
	padding:0;
	margin:0 0 30px 0;
	*margin:0 0 20px 0;
}
.side-menu-g p.side-tit {
	background-image: url(/item/top-side-top.gif);
	padding:10px 10px 20px 15px;
	margin:0;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 13px;
	letter-spacing:1px;
	color: #444444;
}
.side-menu-g p.side-naiyo {
	background-image: url(/item/top-side-side.gif);
	margin:-20px 0 0 0;
	*margin:-20px 0 -10px 0;
	padding:10px 10px 15px 15px;
	background-repeat: repeat-y;
	color: #666666;
	line-height:22px;
}

.side-menu-g div.side-naiyo {
	background-image: url(/item/top-side-side.gif);
	margin:-20px 0 0 0;
	*margin:-20px 0 -10px 0;
	padding:10px 10px 15px 15px;
	background-repeat: repeat-y;
	color: #666666;
	line-height:22px;
}

/*side-hosyu-img*/
p.hosyu-img {margin-bottom:30px;}

/*side-toiawase*/
img.toiawase{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top:8px;
	width:170px;
}

/*side-link*/
p.link-tit{
	width:170px;
	list-style-type: none;
	font-size: 12px;
	padding:8px 0 0 0 ;
	margin:3px 0 0 0;
	font-weight: bold;
	color: #555555;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

a.link {
	list-style-type: none;
	font-size: 11px;
	padding:0 0 0 0 ;
	margin:0 0 0 0;
}

/* ----------- faq ----------- */
ul.faq-list{
margin:0;
padding:0;
list-style:none;
}
ul.faq-list li{
margin:0;
padding:.5em;
}

ul.faq-category-list{
margin: 2em 0 6em -2em;
list-style:none;}

ul.faq-category-list li{
float:left;}

ul.faq-category-list li a{
margin: 0 1.2em 0 0 ;
padding:0 0 0 1.3em;
background:url(/item/link.gif) no-repeat left center;
list-style:none;}

p.faq-ver {
	background-color:#eee;
	color:#555;
	font-size:13px;
	font-weight:bold;
	height:20px;
	padding-top:5px;
}

.faq_link { font-size:13px; font-weight:bold; }

ul.decimal{ list-style-type:decimal; margin-left:-20px; *margin-left:30px; width:auto; }
ul.faq    { margin-left:-20px; *margin-left:30px; width:auto; }

dl.faq-tit a { margin:auto 3px; text-decoration:underline; font-size:13px; }

/* ----------- Jirei ----------- */
div.jirei-tit { padding-bottom:10px; }
p.j-tit { font-size:24px; font-weight:bold; line-height:3em; }
p.j-tit img { float:right;}
div.j-pdf { text-align:right; font-size:11px; padding:0; margin:-5px 50px -20px 0; }
p.j-tit span.j-subtit { font-size:14px; font-weight:bold; color:#866935; line-height: 3.5em; *line-height: 2.5em; *margin-top:2em; }
p.j-list {
	background-image: url(../jirei/img/j-list.gif);
	background-repeat: no-repeat;
	line-height:40px;
	text-indent:1.5em;
	font-size:16px;
	height: 40px;
	width: 700px;
	font-weight:bold;
	color:#003366;
	padding-top:9px;
}
div.j-txt { width:675px; padding:0 0 0 15px; margin:0 0 40px 0; font-size:14px; line-height:25px; }
p.j-day { text-align:right; font-size:11px; }

.j-kigyo{
clear:both;
width:700px;
margin:2em 0 3em 0;
padding:0;
}

.j-kigyo_head{
clear:both;
width:700px;
margin:0;
padding:1em 2em 1em 2em;
*padding:1em 2em 1em 2em;
background:url(/item/j-kigyo_head.png) no-repeat;
}

.kigyomei{
	font-size:18px;
	font-weight:bold;
	color:#999;
	text-decoration: underline;
}

.kigyo-txt{
	font-size:11px;
	font-weight:normal;
	color:#333;
}

.j-kigyo_head ol{
width:90%;
}

.j-kigyo_fot{
clear:both;
width:700px;
height:10px;
margin:0;
padding:0;
background:url(/item/j-kigyo_fot.png) no-repeat bottom;
}

div.jirei-img {width:715px ; text-align:right; margin:-7px 0 10px 0; }

ul.jirei-list{
margin:10px 0 0 0;
padding:0;
list-style:none;
width:690px;
border-top:dotted 1px #aaa;
}
ul.jirei-list li{
margin:0;
padding:20px 10px 5px 10px;
*padding:20px 10px 15px 10px;
border-bottom:dotted 1px #aaa;
zoom:100%;
background-image:url(/item/j-bg.png);

}

.j-list-box { font-size:16px; font-weight:bold; line-height:1.3em;}
/*.j-list-box a { color:#00008b;}
.j-list-box a:visited { color:#00008b;}
.j-list-box a:hover { color:#00008b;}*/
.jirei-subtit{ font-size:12px; font-weight:normal; margin-top:10px;}
.j-link { float:right; font-size:12px; font-weight:normal; margin-top:10px; background-image:url(/jirei/img/j-link.gif); width:130px; height:25px; text-indent:2.2em; line-height:25px; font-weight:bold; }
.j-link a { color:#00008b;}
.j-link a:visited { color:#00008b;}
.j-link a:hover { color:#00008b;}

p.txt{float:left; width:480px; margin-right:18px; font-size:10px;}
p.link{float:right; width:180px; padding-top:10px;}
ul.jirei-list li p{margin:0; padding:0;}

/* ----------- Navi ----------- */
#navi{margin:1em 0; padding:0; text-align:right; font-size:10px;}
#navi ul{margin:0; padding:0; list-style:none;}
#navi ul li{float:left;margin:0; padding:0;}

/*UnderMenu*/
table.under-list{
clear:both;
border:solid 1px #aaa;
border-collapse:separate;
border-spacing:2px;
}
table.under-list th{
padding:.5em;
background:#e5e5e5;
width:33%;
}
table.under-list td{
padding:.5em;
}
table.under-list p{margin:0;}

/* Contact */
#contact{
clear:both;
float:left;
margin:0;
padding:15px 0;
width:100%;
background:#e5e5e5 url(/item/strip.gif);
text-align:center;
}

/* error */
#error{
margin:0 0 3em 0;
padding:1em;
background-color:#fffaf0;
}
#error h2{color:#dc143c;}
#error p{margin:0;}

/*Partner*/
ul.pt-list{
width:700px;
margin:0 0 3em 0;
padding:0;
list-style:none;
}
ul.pt-list li{
margin:0;
padding:0.5em;
}

/* ----------- kw-txt ----------- */
table#kw-txt { width:100%; margin-top:25px; }
table#kw-txt tr td.logo { width:210px; text-align:center; padding:0 10px 0 0 }
table#kw-txt tr td.txt { font-size:10px; color:#777777; padding-left:5px }
table#kw-txt tr td.logo-txt { width:210px; font-size:11px; color:#777777; text-align:center; }