/*
2008.06.02@last edit kawasaki
*/



/*--------------------------------------------------------------------
common
css‚̏‰Šϊ‰»
--------------------------------------------------------------------*/


* {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

/*--------------------------------------------------------------------
common
ƒy[ƒW‹€’Κ•”•ͺ
--------------------------------------------------------------------*/
body { color: #444444; }
body  { font-size: 10pt; line-height: 13pt }
body { font-family: ‚l‚r ‚oƒSƒVƒbƒN,MS UI Gothic,Osaka; }
td  { font-size: 10pt; line-height: 13pt }
.class06 { font-size: 6pt; line-height: 9pt }
.class08 { font-size: 8pt; line-height: 12pt }
.class10 { font-size: 10pt; line-height: 14pt }
.class01 {font-family: HG³ž²‘‘Μ-PRO,‚l‚r –Ύ’©,Osaka; font-size: 11pt; line-height: 18pt }
.class12  { font-size: 12pt; line-height: 18pt; text-align: left;}
.class14 { font-size: 14pt; line-height: 21pt }
.class05 {font-family: HG³ž²‘‘Μ-PRO,‚l‚r –Ύ’©,Osaka; font-size: 15pt; line-height: 23pt }
.class16 { font-size: 16pt; line-height: 22pt }
.class28 { font-size: 18pt; line-height: 32pt; font-family: "HG‘n‰pŠpΞί―Μί‘Μ, HG‘n‰pŠpΊήΌ―ΈUB, osaka" }
{ text-decoration: none }
A { text-decoration: none }
A:HOVER { text-decoration: underline }
A:active { text-decoration: none }
a:link { color: #000080 }
a:visited { color: #000080 }
a:hover { color: ff0000 }
a.access:hover { color: #000080 }
a.access { text-decoration: none }
body, td, input, select { 
scrollbar-arrow-color: #808080; scrollbar-base-color: #cccccc; scrollbar-face-color: #cccccc;
 }
.class10_bt { f
ont-size: 10pt; 
line-height: 14pt;
border-top:dashed 1px #999999;
}

hr {
	border: solid 1px #ccc;
	color: #CCCCCC;
	border-width: 1px 0 0 0;
	margin-left:0;
}
h1 {
font-size:10px;
font-weight:normal;
line-height:130%;
}
h2 {
	font-size: 12pt;
	line-height: 18pt;
	padding-left: 10px;
	font-weight: bold;
	text-align: left;
	background: #e0ffff;
	color: navy;
}
h3 {
	font-size: 14px;
	border-bottom: dotted 1px #999999;
	border-left: 5px solid #006699;
	padding: 3px 0 3px 5px;
	margin: 15px 0;
}
.hiyo_t {
font-size:small;
padding:4px;
border:1px solid #ff2200;
}

/*--------------------------------------------------------------------
index.html@ƒJƒeƒSƒŠ[ƒ{ƒ^ƒ“‚ΜCSS
--------------------------------------------------------------------*/
div#indexMenu {
	width: 600px;
}
div#indexMenu ul {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 600px;
}
div#indexMenu ul li{
	display: inline;
	float: left;
}
div#indexMenu ul li a {
	display: block;
	overflow: hidden;
	height: 0;
	width: 120px;
	padding-top: 28px;
}

div#indexMenu ul li.guidance {
	background: url(image/button/guidance_on.jpg) no-repeat;
}
div#indexMenu ul li.goaisatu {
	background: url(image/button/goaisatu_on.jpg) no-repeat;
}
div#indexMenu ul li.mosimo {
	background: url(image/button/mosimo_on.jpg) no-repeat;
}
div#indexMenu ul li.nagare {
	background: url(image/button/nagare_on.jpg) no-repeat;
}
div#indexMenu ul li.saidan {
	background: url(image/button/saidan_on.jpg) no-repeat;
}
div#indexMenu ul li.plan {
	background: url(image/button/index_plan_on.jpg) no-repeat;
}
div#indexMenu ul li.coprH {
	background: url(image/button/corpH_on.jpg) no-repeat;
}
div#indexMenu ul li.tetuzuki {
	background: url(image/button/tetuzuki_on.jpg) no-repeat;
}
div#indexMenu ul li.QA {
	background: url(image/button/QA_on.jpg) no-repeat;
}
div#indexMenu ul li.map {
	background: url(image/button/map_on.jpg) no-repeat;
}
div#indexMenu ul li.form {
	background: url(image/button/form_on.jpg) no-repeat;
}



div#indexMenu ul li.guidance a {
	background: url(image/button/guidance_off.jpg) no-repeat;
}
div#indexMenu ul li.goaisatu a {
	background: url(image/button/goaisatu_off.jpg) no-repeat;
}
div#indexMenu ul li.mosimo a {
	background: url(image/button/mosimo_off.jpg) no-repeat;
}
div#indexMenu ul li.nagare a {
	background: url(image/button/nagare_off.jpg) no-repeat;
}
div#indexMenu ul li.saidan a {
	background: url(image/button/saidan_off.jpg) no-repeat;
}
div#indexMenu ul li.plan a {
	background: url(image/button/index_plan_off.jpg) no-repeat;
}
div#indexMenu ul li.corpH a {
	background: url(image/button/corpH_off.jpg) no-repeat;
}
div#indexMenu ul li.tetuzuki a {
	background: url(image/button/tetuzuki_off.jpg) no-repeat;
}
div#indexMenu ul li.QA a {
	background: url(image/button/QA_off.jpg) no-repeat;
}
div#indexMenu ul li.map a {
	background: url(image/button/map_off.jpg) no-repeat;
}
div#indexMenu ul li.form a {
	background: url(image/button/form_off.jpg) no-repeat;
}




div#indexMenu ul li.guidance a:hover {
	background: url(image/button/guidance_on.jpg) no-repeat;
}
div#indexMenu ul li.goaisatu a:hover {
	background: url(image/button/goaisatu_on.jpg) no-repeat;
}
div#indexMenu ul li.mosimo a:hover {
	background: url(image/button/mosimo_on.jpg) no-repeat;
}
div#indexMenu ul li.nagare a:hover {
	background: url(image/button/nagare_on.jpg) no-repeat;
}
div#indexMenu ul li.saidan a:hover {
	background: url(image/button/saidan_on.jpg) no-repeat;
}
div#indexMenu ul li.plan a:hover {
	background: url(image/button/index_plan_on.jpg) no-repeat;
}
div#indexMenu ul li.corpH a:hover {
	background: url(image/button/corpH_on.jpg) no-repeat;
}
div#indexMenu ul li.tetuzuki a:hover {
	background: url(image/button/tetuzuki_on.jpg) no-repeat;
}
div#indexMenu ul li.QA a:hover {
	background: url(image/button/QA_on.jpg) no-repeat;
}
div#indexMenu ul li.map a:hover {
	background: url(image/button/map_on.jpg) no-repeat;
}
div#indexMenu ul li.form a:hover {
	background: url(image/button/form_on.jpg) no-repeat;
}
/*--------------------------------------------------------------------
ƒtƒbƒ^[
--------------------------------------------------------------------*/
address {
	font-size: 10px;
	font-style: normal;
}
div#flash_plugin p {
	font-size: 10px;
}
/* ‚¨–β‚’‡‚ν‚Ή@‘£‚·ƒoƒi[@*/
div#toiawase_foot {
	text-align: center;
	background: url(image/toiawase_foot.jpg) no-repeat;
	width:570px;
	height: 35px;
	margin: 15px 0;
	padding: 65px 15px 0 15px;
}
div#toiawase_foot p{
	font-size: 18px;
	line-height: 18px;
}
div#toiawase_foot p span {
	padding-left: 20px;
	font-size: 28px;
}
/*--------------------------------------------------------------------
ƒJƒeƒSƒŠ[ƒ‚ƒWƒ…[ƒ‹έ’u@2008.06.02@edit kawasaki
--------------------------------------------------------------------*/
ul.big {
	width: 120px;
	height: auto;
	text-align: right;
	list-style: none;
}
ul.big li{

}
ul.big li a{
	color: #000000;
	height: 28px;
	width: 120px;
	display: block;
	text-align: center;
	line-height: 2;
	font-size: 14px;
	text-decoration: none;
	background: url(image/button/planBig_off.jpg) no-repeat;
}
ul.big li a:hover{
	background: url(image/button/planBig_on.jpg) no-repeat;
	color: #003366;
	text-decoration: none;
}
ul.big li ul.small {
	list-style: none;
	background: #FFFFFF;
}
ul.big li ul.small li {
	background: url(image/button/smallcate_bg.jpg) no-repeat right;
}
ul.big li ul.small li a {
	color: #000000;
	padding-right: 10px;
	height: 24px;
	width: 110px;
	display: block;
	text-align: right;
	line-height: 2.2;
	font-size: 11px;
	text-decoration: none;
	background: url(image/button/smallcate_bg.jpg) no-repeat right;
}
ul.big li ul.small li a:hover {
	color: #003366;
	background: url(image/button/smallcate_bg.jpg) no-repeat right;
}
/*--------------------------------------------------------------------
“–ŽΠκ—p‰οŠΩ@corpH/index.html@20080603@kawasaki
--------------------------------------------------------------------*/
div#corpH p.corpimg {
	float: left;
	height: 150px;
	margin-right: 10px;
}
div#corpH p.corpimg img{
	padding: 3px;
	border: solid 1px #ccc;
	width: 200px;
	height: 125px;
}
div#corpH p.corpinfo{

}
div#corpH h4 {
	clear: both;
	border-left: 5px solid #E7CE8F;
	padding-left: 5px;
	border-bottom: 1px dotted #ccc;
}
div#corpH table {
	width: 600px;
	margin-top: 10px;
}
div#corpH table td {
	padding: 5px;
}
div#corpH table td img{
	float: left;
	padding-right: 10px;
}
div#corpH table td div {
	display: none;
}
/*--------------------------------------------------------------------
Ž{H“ΰ—e“ΰ–σ@utiwake/index.html@20080603@kawasaki
--------------------------------------------------------------------*/

div#utiwake p.utiwake_catch {
	font-size: 24px;
	color:#006600;
	text-align: center;
	padding: 20px 0;
	font-weight: bold;
	line-height: 1.8;
	font-family: "‚l‚r ‚o–Ύ’©", "Χ–Ύ’©‘Μ", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3";
}

div#utiwake div#choice_plan {
	text-align: center;
	width: 410px;
	margin: 20px auto;
}

div#utiwake div#choice_plan table img {
}

div#utiwake div#choice_plan table td div a {
	display: none;
}

div#utiwake div#comment {
	margin: 0 20px 40px 20px;
	padding: 10px;
	background: #F6F6F6;
	border-left: 4px solid #ccc;
}

div#utiwake div#plan {
	width: 570px;
	height: 210px;
	background: url(utiwake/imges/plantitle.jpg) no-repeat top;
	border-bottom: 2px solid #70A3D1;
	text-align: center;
	margin-bottom: 20px;
	padding: 0 15px;
}
div#utiwake div#plan h4 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 2.3;
	font-family: "‚l‚r ‚o–Ύ’©", "Χ–Ύ’©‘Μ", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3";
}
div#utiwake div#plan img {
	border: solid 1px #FFFFFF;
	width: 230px;
	height: 153px;
}
div#utiwake div#plan table {
	text-align: center;
}
div#utiwake div#plan table td {
}
div#utiwake div#plan p.kakaku {
	border: solid 1px #006699;
	padding: 3px;
	background: #fff;
}
div#utiwake div#plan p.kakaku span {
	font-size: 16px;
	color: #003399;
	line-height: 2;
	font-weight: bold;
}
div#utiwake div#set {
	padding: 15px 0 15px 0;
}
div#utiwake div#set table td {
	padding: 2px;
}
div#utiwake div#set ul {
	margin-left: 15px;
}
div#utiwake div#set li {
	padding-bottom: 5px;
}
/*--------------------------------------------------------------------
€•iˆκ——@list.php@20080603@kawasaki
--------------------------------------------------------------------*/
div#itiran {
	width: 600px;
}
div#itiran div.menu {
	padding: 5px;
}
div#itiran h2 {
	font-size: 12pt;
	line-height: 18pt;
	padding-left: 10px;
	font-weight: bold;
	text-align: left;
	background: #e0ffff;
	color: navy;
}
div#itiran img.cate_header {
	width: 550px;
	padding: 5px;
	border: solid 1px #dedede;
}
div#itiran p.cate_header {
	margin-bottom: 15px;
}

div#itiran div.product {
	margin: 10px 0 15px 0;
	padding: 2px 0;
	border-top: 2px solid #000066;
	border-bottom: solid 3px #000066;
}
div#itiran div.product:after {
	content:" ";
	clear: both;
}
div#itiran div.product img {
	float: left;
	padding-right: 10px;
}
div#itiran div.product div.inside {
	height: 160px;
}
div#itiran div.product div.inside h3{
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	background:#000066;
	color: #FFFFFF;
	border-bottom: solid 2px #000066;
}
div#itiran div.product div.inside p.price {
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}
div#itiran div.product div.inside p.detail {
	margin: 10px;
	text-align: right;
}
div#itiran div.product div.inside p.detail a{
	width: 60px;
	height: 22px;
	background: url(image/list_arrow.gif) no-repeat left;
	padding: 5px 5px 5px 22px;
}
/*--------------------------------------------------------------------
€•iΪΧ@detail.php@20080603@kawasaki
--------------------------------------------------------------------*/
div#detail {
	width: 600px;
	text-align: center;
}
div.cathand_detail {
	width:480px;
	margin: 0 auto;
}

div.cathand_detail div.cathand_detail_left img {
	width:480px;
}

div.cathand_detail div.cathand_detail_img img {
	width:80px;
	margin:5px;
}

div.cathand_detail h2 {
	margin:12px auto;
}

div.cathand_detail p {
	margin:12px auto;
}

div.cathand_detail p.de_pr {
	font-family: "Times New Roman", Times, serif;
	font-size:large;
	font-weight:bold;
}
div.cathand_detail div.de_de {
	border: dotted 1px #ccc;
	text-align: left;
	padding: 10px;
}

/*--------------------------------------------------------------------
‚¨–β‚’‡‚ν‚Ή@otoiawase.php@20080603@kawasaki
--------------------------------------------------------------------*/
div#otoiawase {
	margin:0 auto;
}
div#otoiawase table {
	width:500px;
	margin: 30px auto;
}
div#otoiawase table span.form_item_name {
	font-size: 16px;
	font-weight: bold;
	padding-top:20px;
	display: block;
}
div#otoiawase table span.title {
}
div#otoiawase table span.value {
	padding-left: 20px;
}
div#otoiawase table td.form_index {
	width:180px;
	padding: 3px 0 3px 5px;
	border-spacing: 2px 0;
	border-bottom: solid 1px #ccc;
	border-left: 4px solid #0033CC;
}
div#otoiawase table td.list_value {
	padding: 3px 0 3px 5px;
	border-spacing: 2px 0;
	border-bottom: solid 1px #ccc;
}

div#otoiawase table tr.style_name input {
	width:220px;
}

div#otoiawase table tr.style_kana input {
	width:220px;
}

div#otoiawase table tr.style_pre select {
	width: 130px;
}

div#otoiawase table tr.style_add input {
	width:260px;
}

div#otoiawase table tr.style_e_mail input {
	width:260px;
}

div#otoiawase table tr.style_e_mail_check input {
	width:260px;
}

div#otoiawase table tr td textarea {
	width:260px;
	height:120px;
}

div#otoiawase table td.td_submit {
	text-align: center;
}

div#otoiawase span {
	color:#990000;
}
/*--------------------------------------------------------------------
ƒŠƒ“ƒN@link.html@20080603@kawasaki
--------------------------------------------------------------------*/
div#link {
}
div#link h2.frantz2Category {
	background: none;
}
div#link p.frantz2Pager {
	margin: 20px 0;
}

div#link p.frantz2Pager strong {
	color: #999;
	background: #CCFFFF;
	padding: 3px 5px;
	margin: 5px;
}
div#link p.frantz2Pager a {
	color:#333333;
	padding: 3px;
	margin: 3px;
	text-decoration: none;
}
div#link p.frantz2Pager a:hover{
	background: #CCFFFF;
	color: #999;
}
div#link p.frantz2Pager a.next,
div#link p.frantz2Pager a.prev {
	background: #fff;
}
div#link p.frantz2Pager a.next:hover,
div#link p.frantz2Pager a.prev:hover {
	color:#999999;
}
div#link p.frantz2Pager a:after{
	content:" ";
}

div#link dl.systemDl {
}
div#link dl.systemDl dt {
	border-left: #eee solid 4px;
	padding-left: 4px;
}
div#link dl.systemDl dt strong {
	font-weight: bold;
}
div#link dl.systemDl dd {
	border-left: #eee solid 4px;
	margin-bottom: 20px;
	padding-left: 4px;
}
div#link dl.systemDl dd p small {
	display: block;
	text-align: right;
	color: #8080C0;
}