@charset "utf-8";
/* CSS Document */
/*--information---------------------------------------------------------
Last update：08/10/02
File name ：web.css
Site name：株式会社ハドル
Summary：Web制作用css。
Copyright：Copyright (c) 2008 HUDDLE Co,ltd. ALL RIGHTS RESERVED
-------------------------------------------------------------------------*/
#container {
	background: #fff;
}
#leftArea {
	width: 180px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
#rightArea {
	width: 600px;
	height: auto;
	margin: 0;
	padding: 0px;
	float: right;
}
h2 {
	width: 600px;
	height: 120px;
	margin: 0 0 30px;
	padding: 0px;
	text-indent: -5000px;
	background: url(../../web/image/web_title.jpg) no-repeat left top;
}
h3 {
	width: 600px;
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0;
	clear: both;
	margin-top: 25px;
}
h3#h3_01 {
	background-image: url(../../web/image/web_h3_01.gif);
}
h3#h3_02 {
	background-image: url(../../web/image/web_h3_02.gif);
}
h3#h3_03 {
	background-image: url(../../web/image/web_h3_03.gif);
}
h3#h3_02,h3#h3_03 {margin-top: 45px;}
h3#h3_04 {
	background-image: url(../../web/image/web_h3_04.gif);
}
h3#h3_05 {
	background-image: url(../../web/image/web_h3_05.gif);
}
h3#h3_06 {
	background-image: url(../../web/image/web_h3_06.gif);
}
h4 {
	width: 583px;
	height: 32px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0;
	margin: 35px auto 15px;
	clear: both;
}
h4#h4_01 {
	margin-top: 15px;
	background-image:url(../../web/image/h4_01.gif);
}
h4#h4_02 {
	background-image:url(../../web/image/h4_02.gif);
}
h4#h4_03 {
	background-image:url(../../web/image/h4_03.gif);
}
h4#h4_04 {
	margin-top: 15px;
	background-image:url(../../web/image/h4_04.gif);
}
h4#h4_05 {
	margin-top: 15px;
	background-image:url(../../web/image/h4_05.gif);
}
h4#h4_06 {
	margin-top: 15px;
	background-image:url(../../web/image/h4_06.gif);
}
h4#h4_07 {background-image:url(../../web/image/h4_07.gif);}
h4#h4_08 {background-image:url(../../web/image/h4_08.gif);}
h4#h4_09 {background-image:url(../../web/image/h4_09.gif);}
h4#h4_10 {background-image:url(../../web/image/h4_10.gif);}
h4#h4_11 {background-image:url(../../web/image/h4_11.gif);}
h4#h4_12 {background-image:url(../../web/image/h4_12.gif);}
h4#h4_13 {background-image:url(../../web/image/h4_13.gif);}
h4#h4_14 {
	margin-top: 20px;
	background-image:url(../../web/image/h4_14.gif);
}
h4#h4_15 {background-image:url(../../web/image/h4_15.gif);}
h4#h4_16 {background-image:url(../../web/image/h4_16.gif);}
h4#h4_17 {background-image:url(../../web/image/h4_17.gif);}
h4#h4_18 {background-image:url(../../web/image/h4_18.gif);}
h4#h4_19 {background-image:url(../../web/image/h4_19.gif);}

h5 {
	background: url(../../web/image/h5icon03.gif) no-repeat 0 3px;
	padding: 0 0 0 22px;
	margin: 0 5px 10px 13px;
}
h6 {
	color: #EA7500;
	font-weight: normal;
	background: url(../../web/image/icon_orange.gif) no-repeat 2px 0.4em;
	padding: 0 0 0 17px;
}
/* サブメニュー
===================================*/
#leftArea p {
	width: 180px;
	height: 30px;
	background: url(../../web/image/submenu_title.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
#leftArea ul {
	height: 410px;
	background: url(../../image/submenu_bk.jpg) no-repeat 0 0;
}
#leftArea li {
	margin: 0 0 0 10px;
	list-style: none;
}
#leftArea li a {
	width: 150px;
	padding: 8px 0 8px 20px;
	background: url(../../image/submenu_icon.jpg) no-repeat 6px 12px;
	border-bottom: dotted 1px #ccc;
	display: block;
}
#leftArea li a:link, 
#leftArea li a:active {
	color: #333333;
	text-decoration: none;
}
#leftArea li a:visited {
	color: #666666;	
	text-decoration: none;
}
#leftArea li a:hover {
	color: #999999;
	text-decoration: underline;
}

/* Web制作
===================================*/
.ygreen {color: #83B54A;}
.pred {color: #DF6060;}

.textB {
	margin: 0 0 15px 35px;
}
.textB01 {
	margin: 10px 0 15px 45px;
}
.textB li {
	background: url(../../web/image/icon_red.gif) no-repeat 0 6px;
	padding: 0 0 5px 17px;
	list-style: none;
}
.textB li.textB02 {
	background: url(../../web/image/icon_pink.gif) no-repeat 0 5px;
}
.textB01 li {
	background: url(../../image/icon_orenge.jpg) no-repeat 0 5px;
	padding: 0 0 5px 22px;
	list-style: none;
}
.textB03,.textB04 {
	margin: 10px 0;
}
.textB03 li {
	background: url(../../web/image/icon_green.gif) no-repeat 0 6px;
	padding: 0 0 5px 17px;
	margin: 0 0 0 35px;
	list-style: none;
}
.textB03 li.textB02 {
	background: url(../../web/image/icon_green02.gif) no-repeat 0 6px;
	padding: 0 0 5px 17px;
	margin: 0 0 0 35px;
	list-style: none;
}
.textB04 li {
	background: url(../../image/icon_red.gif) no-repeat 0 5px;
	padding: 0 0 0 22px;
	margin: 0 0 5px 35px;
	list-style: none;
}
.textB05 {
	margin: 0 0 0 35px;
}
.textB05 dt {
	background: url(../../web/image/icon_orange02.gif) no-repeat 0 6px;
	padding: 0 0 0 14px;
	margin: 0;
	color: #F28A22;
}
.textB05 dt.textB02 {
	background: url(../../web/image/icon_orange03.gif) no-repeat 0 6px;
	color: 
}
.textB05 dd {
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: dotted 1px #ccc;
}

.textC {
	width: 400px;
	margin: 0 auto;
}
.textD {
	margin: 0 0 5px 15px;
}
.textE {
	border-left: solid 10px #5FAC04;
	padding: 4px 0 3px 5px;
	margin: 0 0 8px;
	line-height: 0.9em;
	font-size: 0.9em;
	font-weight: bold;
	color: #3E880D;
}
.textF {
	margin: 0 0 0 15px;
}
.textG {
	padding: 0 0 0 17px;
}
.textG01 {
	padding: 0 0 0 34px;
}
.textG02 {
	padding: 0 0 15px 34px;
}
.textG03 {
	padding: 0 0 0 28px;
}
.textH {
	background: #FFECEC;
	padding: 3px 10px;
	margin: 5px 15px 10px 0;
	font-weight: bold;
}
.textI {
	background: url(../../web/image/h5icon.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	margin: 17px 0 0 17px;
}

.textBox01 {
	margin: 25px 0 0;
	padding: 25px 10px 0;
	border-top: dotted 1px #ccc;
	clear: both;
}
.textBox01 h5 {
	background: url(../../web/image/h5icon02.gif) no-repeat 0 3px;
	padding: 0 0 0 13px;
	margin: 0 0 10px 0;
}
.textBox01 p {
	margin: 0 0 1em 13px;
}
.textBox01 h6 {
	margin: 0 0 5px 13px;
}
.textBox02 {
	width: 250px;
	padding: 5px 0 25px 30px;
	float: left;
}
.textBox03 {
	width: 250px;
	padding: 5px 30px 25px 0;
	float: right;
}
.textBox02 li,.textBox03 li {
	border-bottom: dotted 1px #ccc;
	padding: 0 0 3px;
	margin: 0 20px 5px 20px;
	list-style: url(../../web/image/icon_red.gif);
}
.textBox02 li.textB02,.textBox03 li.textB02 {
	list-style: url(../../web/image/icon_pink.gif);
}



.priceBox {
	width: 550px;
	border-collapse: collapse;
	margin: 10px 0 25px 30px;
}
.priceBox th,.priceBox td {
	padding: 3px 5px;
	border: solid 1px #ccc;
}
.priceBox th {
	text-align: left;
	font-weight: normal;
	background-color: #F5FBEE;
}
.priceBox td.price {
	text-align: center;
}
.priceBox td.price01 {
	text-align: right;
}
h5.price {
	margin-bottom: 5px;
}

#button01,#button02,#button03,#button04 {
	width: 163px;
	height: 29px;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: 0;
	list-style: none;
	overflow: hidden;
}
#button01,#button03 {float: left;}
#button02,#button04 {float: right;}
#button01 {background-image: url(../../web/image/button01.gif);}
#button02 {background-image: url(../../web/image/button02.gif);}
#button03 {background-image: url(../../web/image/button03.gif);}
#button04 {background-image: url(../../web/image/button04.gif);}
#button01 a,#button02 a,#button03 a,#button04 a {
	width: 163px;
	height: 29px;
	display:block;
	text-indent: -9999px;
}
.buttonBox01 {
	width: 519px;
	margin: 0 auto;
}
.button01,.button02,.button03,.button04 {
	width: 163px;
	height: 29px;
	margin-top: 15px;
	margin-bottom: 35px;
	background-repeat: no-repeat;
	background-position: 0;
	list-style: none;
	overflow: hidden;
	float: left;
}
.button01 {background-image: url(../../web/image/button01.gif);margin-right: 15px;}
.button02 {background-image: url(../../web/image/button02.gif);margin-right: 15px;}
.button03 {background-image: url(../../web/image/button03.gif);margin-right: 15px;}
.button04 {background-image: url(../../web/image/button04.gif);}
.button01 a,.button02 a,.button03 a,.button04 a {
	width: 163px;
	height: 29px;
	display:block;
	text-indent: -9999px;
}

.topTxt {clear: both;}