/* ----- base ----- */

* {margin:0;padding:0;font-size:100%;}
b, strong {font-weight:normal;}
address {font-style:normal;}
img, table, body {border:0;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:normal;}
select > option {padding: 0px 0px 0px 5px;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {background:#ffffaa;}
ul {list-style:none;}
ul li {list-style: none;}
table {border-collapse:collapse;caption-side:top;}

hr {color:#ffffff;border:0px none #ffffff; background:transparent;padding:10px;}
caption, legend {color: #ff0000; font-size: 120%; text-align: left; caption-side:top;}
thead, tfoot {background-color: transparent;text-align: center;}
sup {font-size:60%;	vertical-align: 5px;}
ol li {margin-left:30px;list-style:numeric;}

/* -----  ----- */
a {color:#0c75b6;}

#container h2 {
	overflow:hidden;
	margin-bottom:20px;
	font-size:160%;
	font-weight:bold;
	color:#505050;
}
#container h3 {
	margin-bottom:10px;
	font-size:125%;
	font-weight:bold;
	color:#444444;
}
#container .section {
	margin-bottom:30px;
}
#container .section p.section {
	margin-top:1.5em;
	margin-bottom:0;
	text-indent:1em;
}
#container .ss {
	margin-bottom:20px;
}
#container .section p {
	line-height:1.4;
}
h5 {font-size: 100%;font-weight:bold;}



/* ----- common ----- */
body {
	color:#333333;
	background: #0c75b6;
	/*font-family: sans-serif;*/
    font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;

	font-size:90%;
	/*font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;*/
}
h1 {
	height:8px;
	line-height:3;
	overflow:hidden;
	background: #ffffff;
}
#summary {
	height:7px;
	overflow:hidden;
	background: #ffffff;
	line-height:3;
}

#fMenuList {
	width:800px;
	height:2em;
	margin:0px auto;
	overflow:hidden;
	text-align:right;
}
#fMenuList li {float:right; border-right:1px solid #cccccc;}
#fMenuList li.last {border-right:0px none;}
#fMenuList a {text-decoration:none;padding:0px 5px;}

#pp {
	background:#ffffff;
	padding-bottom:20px;
}

#headerLayers {
	width: 800px;
	height: 70px;
	border-bottom:1px dotted #aaaaaa;
	overflow:hidden;
	margin: 0px auto 0px auto;
	background:#ffffff url(logo.gif) 0% 0% no-repeat;
}
#headerLayers .layer1 img {
	vertical-align:middle;
}
#headerLayers em {
	font-weight:bold;
	font-style:normal;
}


#menuList {
	height:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}
#menuList ul {
	width: 800px;
	margin:0px auto;
	padding:10px;
}
#menuList li {
	display:block;
	float:left;
	border-right:1px solid #999999;
}
#menuList li.last {border-right:0px none;}
#menuList a {
	padding:5px 10px 3px 10px;
	color:#0077bb;
	font-size: 14px;
	white-space:nowrap;
	text-decoration:none;
	/*background: transparent url(li.gif) 10px 50% no-repeat;*/
}
#menuList a:hover {
	color:#0077bb;
	text-decoration:underline;
}
#menuList a.selected {
	color:#ffffff;
	background:#222;
}
#menuList a.selected:hover {
	color:#0077bb;
}

#menuList li.styleSelecter {
	padding:5px;
	float:right;
	border:0px none;
}
#menuList li.styleSelecter select {
	
}


/* ----- contents box ----- */
#container {
	width:800px;
	margin: 0 auto;
	text-align:left;
	overflow:hidden;
}
.contents {
	margin:0px 5px 60px 5px;
}

#sideBox {
	overflow:hidden;
	float: right;
	width:30%;
	border-left:1px dotted #999999;
	border-right:1px dotted #999999;
	border-bottom:1px dotted #999999;
}

#sideBox h3 {
	overflow:hidden;
	height:1em;
	margin:0;
	border-top:8px solid #0c75b6;
	line-height:10;
}
#sideBox div {
	overflow:hidden;
	padding:0 0px 30px 10px;
}

#mainBox {
	overflow:hidden;
	float: left;
	width:68%;
}

#mainBox ul {list-style: disc;margin:0.5em 0.5em 0.5em 2em;}
#mainBox ul li {list-style: inherit;}

#mainBox .bottomBox {margin:4em 1em 2em 1em;border-left:1px dotted #999999;border-right:1px dotted #999999;border-bottom:1px dotted #999999;}
#mainBox .bottomBox h3 {overflow:hidden;height:1em;margin:0;border-top:8px dashed #0c75b6;line-height:10;}
#mainBox .bottomBox ul {padding:0 0px 1em 10px;list-style:none;}


/* ----- slidShow ----- */
#slidShow {
	width:500px;
	height:300px;
	margin:0px 0px -300px 300px;
	padding:0;
	overflow: hidden;
	background:#eeeeee no-repeat;
}
#slidShow a {
	display:block;
}
#photoimg {
	display:block;
}


/*
---------- normal 2column page -------------------- */
.sideMenu {
	float:left;
	width:200px;
/*	border-top:4px solid #ccff66; style="background:url(./css/bg_side.gif) 0% 0% repeat-x;"*/
}
.sideMenu h3 {
	margin:0px;
	padding:15px 10px 10px 18px;
	overflow:hidden;
	background:transparent url(h-side.jpg) 50% 50% repeat-x;
	font-size:110%;
	font-weight:bold;
	color:#333333;
}
.sideMenu dl {
	margin:0px 0px 30px 0px;
}
.sideMenu dt {
	margin:0px 0px 2px 0px;
}
.sideMenu dd {
	margin:0px 0px 13px 0px;
}

.sideMenu ul {
	margin:0px 0px 30px 0px;
	padding:0px;
}
.sideMenu li {
	background: transparent url(icon/li-side2.gif) 9px 50% no-repeat;
	margin: 0px;
	padding: 10px 0px 10px 33px;
	border-bottom: 1px dotted #cccccc;
}
.sideMenu li a {color:#555555;}

.sideMenu p {
	padding:10px 10px 30px 10px;
	margin:0px 0px 0px 0px;
	font-size:90%;
}

.sideMenu ul.lowerList {
	margin:0px 0px 0px 20px;
	padding:0px;
	font-size: 80%;
}
.sideMenu ul.lowerList li {
	background: none;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border: none;
	list-style: circle;
}

.contentsR {
	float:right;
	width:580px;
}
.contentsR .cbox {padding:0px 0px 30px 30px;}

.staffBox {
	width:190px;
	float:left;
}

/* exampleListArea
-------------------------------------------*/
.exampleListArea {
	padding:10px;
	font-size:95%;
}
.exampleListArea table {border:1px solid #bbbbbb;width:100%;margin-bottom:10px;}
.exampleListArea caption {color:#ff6600;font-weight:bold;}
.exampleListArea caption a {font-size:70%;font-weight:normal;color:#666600;}
.exampleListArea td {border:1px solid #bbbbbb;padding:3px;text-align:left;}
.exampleListArea th {border:1px solid #bbbbbb;padding:3px;text-align:center;background:#f5f5cc;}
.exampleListArea .bt:hover {margin-right:2px;}

/* exampleDetailArea
-------------------------------------------*/
.exampleDetailArea {
	padding:0 10px 10px 10px;
	font-size:95%;
}
.exampleDetailArea address {display:block; margin: -5px 0px 10px 0px;}
.exampleDetailArea table {border:1px solid #bbbbbb;width:100%;margin-bottom:10px;}
.exampleDetailArea caption {color:#ff6600;font-weight:bold;}
.exampleDetailArea caption a {font-size:70%;font-weight:normal;color:#666600;}
.exampleDetailArea td {border:1px solid #bbbbbb;padding:3px;text-align:left;}
.exampleDetailArea th {border:1px solid #bbbbbb;padding:3px;text-align:left;background:#f1efe7;}
.exampleDetailArea .bt:hover {margin-right:2px;}
.exampleDetailArea .customerComment h6 {
	border-bottom: 1px solid #666666;
	padding: 3px;
	font-size: 110%;
	font-weight:bold;
}
.exampleDetailArea .customerComment div {margin:0 0 15px 0; padding:10px;}
.exampleDetailArea .shopComment h6 {
	border-bottom: 1px solid #666666;
	padding: 3px;
	font-size: 110%;
	font-weight:bold;
}
.exampleDetailArea .shopComment div {margin:0 0 15px 0; padding:10px;}
.exampleDetailArea .images {margin:0 0 15px 0; padding:10px;}
.exampleDetailArea .imagesL {float:left;width:78%;text-align:center;background:transparent url(after.gif) 0% 0% no-repeat;padding-top:25px;}
.exampleDetailArea .imagesL img {margin:0 auto 10px auto;}
.exampleDetailArea .imagesR {float:right;width:20%;text-align:center;background:transparent url(before.gif) 100% 0% no-repeat;padding-top:25px;}
.exampleDetailArea .imagesR img {margin:0 auto 10px auto;}


/* ----- company ----- */
.companyArea {margin-bottom:30px;}
.companyArea dt {clear:both;float:left;width:140px;font-weight:bold;}
.companyArea dd {margin:0px 0px 10px 160px;}
.companyArea dd.last {clear:both;}
.companyArea table {}
.companyArea th {padding: 5px; font-weight: bold; width:80px; text-align: left; vertical-align: top;}
.companyArea td {padding: 5px;}
.companyImageArea {text-align:center;}

/* ----- contact ----- */
.contactArea {
	float:left;
	width:530px;
	margin-top:10px;
}
.contactArea form {}
.contactArea form table {width:95%;}
.contactArea form th {
	padding: 4px 0px;
	width:25%;
	vertical-align:top;
}
.contactArea form th span{
	display: block;
	padding: 1px 5px;
	border-left:5px solid #0066aa;
	text-align:left;
	font-weight:bold;
}
.contactArea form td {
	padding: 4px 0px;
}
.contactArea form td .w99 {
	width:99%;
}
.otoiawaseCaption1 {
	margin:0px 60px 0px 20px;
	padding:20px 30px;
	background:transparent url(mail/person.gif) 100% 50% no-repeat;
}
.otoiawaseCaption2 {
	margin:0px 20px 0px 0px;
	padding:25px 20px 25px 60px;
	background:transparent url(mail/person3.gif) 0% 50% no-repeat;
}
.otoiawaseCaption3 {
	margin:0px 60px 0px 20px;
	padding:20px 30px;
	background:transparent url(mail/person4.gif) 100% 50% no-repeat;
}


/* -----  ----- */
.relateLink ul {
	padding: 10px;
}
.relateLink li {
	padding: 3px 0px 3px 5px;
	border:0px none;
	background:transparent none;
}

/* -----  -----*/
.sitemapArea {margin:30px;}
.sitemapArea ul {margin:5px 30px;}
.sitemapArea li {margin:5px;}


/* -----  -----*/
.newsArea {margin: 0px 30px;}
.newsArea dt {float:left; clear:both;}
.newsArea dd {margin: 0px 0px 0px 120px;padding:0px 0px 5px 0px;}


/* ----- flowArea -----*/
.flowArea {}
.flowArea .caption {
	margin:10px 30px 30px 30px;
	border:1px dashed #cccccc;
	border-left:5px solid #99cc00;
	padding: 10px 15px;
	background: #ffffbb url(img/flow3.gif) 95% 90% no-repeat;
	text-align:left;
	line-height:150%;
}
.flowArea dl {margin:0px 30px;}
.flowArea dt {
	width:300px;
	height:50px;
	margin-bottom:-50px;
	font-size:120%;
	line-height:40px;

	background:transparent;
	color:#ffffff;
	font-weight:bold;
	text-indent:60px;
	text-align:center;
	letter-spacing:1px;
}
.flowArea dd {
	margin-left:300px;
	border-top:1px solid #888888;
	padding:3px 10px 20px 10px;
	background:transparent;
	font-size:93%;
}
.flowArea dl.step1 {
	margin-bottom:30px;
	padding-bottom:40px;
	background:transparent url(flow/step1b.gif) 50% 100% no-repeat;

}
.flowArea dl.step1 dt {
	background:transparent url(flow/flow_g.gif) 0% 0% no-repeat;
}
.flowArea dl.step2 {
	margin-bottom:15px;

}
.flowArea dl.step2 dt {
	background:transparent url(flow/flow_o.gif) 0% 0% no-repeat;
}
.flowArea dl.step3 {
	margin-bottom:30px;

}
.flowArea dl.step3 dt {
	background:transparent url(flow/flow_b.gif) 0% 0% no-repeat;
	line-height:50px;
}


.subMenuList {margin-bottom:15px;}
.subMenuList li {}
.subMenuList li a {}

.linkArea {}
.linkArea dt {margin-bottom:3px;}
.linkArea dd {margin:0px 0px 15px 0px;}



/*
-------------------------------------------------- */
#footerN {
	clear:both;
	background:#ffffff url(bg_footer.gif) 0% 100% repeat-x;
}
#footerN .inner {
	width:800px;
	margin:0 auto;
}
#footerN a {
	display:block;
	overflow:hidden;
	width:160px;
	height:40px;
	margin-left:600px;
	background:#ffffff url(gotop.gif) 0% 100% repeat-x;
	line-height:10;
}
#footerO {
	clear:both;
	padding:30px 10px 90px 10px;
	background:transparent url(bg_box_t.gif) 50% 80px no-repeat;
	color:#ffffff;
	overflow: hidden;
	text-align:center;
}
#footer {
	width:800px;
	margin: 0px auto;
	text-align:right;
	font-size:85%;
}
#footer a {color:#ffffff;}
#footer ul {margin-bottom:10px;}
#footer li {display:inline;padding:0px 7px;border-right:1px solid #ffffff;}


/* -----  ----- */

a.normal {padding:0;margin:0;background-color: transparent;background-image: none;}




.fl {float:left;}

.right  {text-align:right;}
.left   {text-align:left;}
.center {text-align:center;}


.normalList {
	margin:10px 10px 10px 30px;
}
.normalList li, .normalList dt {
	display:list-item;
	list-style:disc outside;
	margin:5px;
}
.normalList dd {
	margin:5px 5px 10px 20px;
}







/* ----- ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ----- */

.top3Box {
	float:left;
	width:260px;
	margin: 5px 5px 0px 0px;
	border-top: 5px solid #ffffff;
	border-left: 1px solid #ffffff;
}
.top3Box1 {border-color:#ccff66;}
.top3Box2 {border-color:#ffcc00;}
.top3Box3 {border-color:#ee1155;}
.top3Box1 h3.top3 {height:62px;background:#ffffff url(h_top31.gif) 0% 0% no-repeat;text-indent:-1000em}
.top3Box2 h3.top3 {height:62px;background:#ffffff url(h_top32.gif) 0% 0% no-repeat;text-indent:-1000em}
.top3Box3 h3.top3 {height:62px;background:#ffffff url(h_top33.gif) 0% 0% no-repeat;text-indent:-1000em}
.top3Box p {
	padding-left: 5px;
}
.top3Box img {
	margin: 1px 5px 1px 1px;
}
.top3Box1 a {padding-left:14px;background:transparent url(li1.gif) 0% 50% no-repeat;}
.top3Box2 a {padding-left:14px;background:transparent url(li2.gif) 0% 50% no-repeat;}
.top3Box3 a {padding-left:14px;background:transparent url(li3.gif) 0% 50% no-repeat;}

.top3Box dl {margin:0px 0px 5px 5px;padding: 0px 0px 5px 65px;border-bottom:1px dotted #333333;}
.top3Box dl dt {font-weight: bold;}
.top3Box dl dd {}
.top3Box dl.osechi {background:transparent url(./60x60/osechi.jpg) 0% 0% no-repeat;}
.top3Box dl.machine1 {background:transparent url(./60x60/machine1.jpg) 0% 0% no-repeat;}
.top3Box dl.machine2 {background:transparent url(./60x60/machine2.jpg) 0% 0% no-repeat;}
.top3Box dl.machine3 {background:transparent url(./60x60/machine3.jpg) 0% 0% no-repeat;}
.top3Box dl.machine4 {background:transparent url(./60x60/machine4.jpg) 0% 0% no-repeat;}
.top3Box dl.inquiry {background:transparent url(./60x60/inquiry.jpg) 0% 0% no-repeat;}
.top3Box dl.faq {background:transparent url(./60x60/faq.gif) 0% 0% no-repeat;}


.contentsM {}
.contentsM h2 {
	margin:15px 0px;
}
.contentsM .cbox {padding:0px 0px 30px 0px;}



.topBtLt {
	float:left;
	width:520px;
	margin-right:10px;
}
.topBtLt ul {
	padding: 10px;
}
.topBtLt li {
	padding: 2px 2px 2px 14px;
	background:transparent url(li.gif) 0% 8px no-repeat;
}

.topBtRt {
	float:left;
	width:260px;
	margin-right:10px;
}
.topBtRt ul {
	padding: 10px;
}
.topBtRt li {
	padding: 2px 0px 2px 0px;
	/*background:transparent url(li.gif) 0% 8px no-repeat;*/
}