@charset "utf-8";
@import url("parts.css");
/* CSS Document */



/************************

	HTML Tags Reset

*************************/
html,body{margin:0;padding:0;}
body{font: 12px "ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif;text-align:center;color:#444; background:url(../imgdr/common/bgbgall.gif) repeat;}
#nobg {background:#ffffff;}
p{margin:0 0 10px;line-height:140%;}
a{color: #5E5E46;text-decoration:none;}
a:visited{color: #6A6A6A;}
a:hover,a:active{color: #2D0F02;text-decoration:underline;}
img {border:0;vertical-align:bottom;line-height:0;}
ul {margin:0;padding:0;}
li {list-style:none;}

h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
#nobg {background-color:#FFFFFF;}

/************************

	General Class

*************************/
.clear{clear:both;}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.auto {margin:0 auto;}

/************************

	Common

*************************/

#container {margin:0 auto;padding:0;width:800px;background:url(../imgdr/common/bg.gif) repeat-y center center;}
*html #container {margin:0 auto;padding:0;width:800px;background:url(../imgdr/common/bg.gif) repeat-y -2px;}
#wrapper {margin:0 auto;padding:0;width:780px;text-align:left;}


/************************

	Header

*************************/

/*ハック開始*/
#header {margin:0 0 3px 0;padding:0;position:relative;display:inline-table;min-height:1em;}
*html #header {margin:0 0 1px -2px;padding:0px;position:relative;display:inline-table;min-height:1em;}
#header:after {content:"";display:block;clear:both;height:1px;}

/*\*/
*html #header{height:1em;}
#header {display:block;}
/**/

/*ハック終了*/
#header h1 {margin:0 0 1em 0;padding:0.5em;font-size:10px;border-bottom:1px solid #aaa;color:#3F131E;font-weight:normal;letter-spacing:0.2em;}
*html #header h1 {margin:0 0 1em 0;padding:0.5em;font-size:10px;border-bottom:1px solid #aaa;color:#3F131E;font-weight:normal;letter-spacing:0.2em;}
*+html #header h1 {margin:0 0 1em 0;padding:0.5em;font-size:10px;border-bottom:1px solid #aaa;color:#3F131E;font-weight:normal;letter-spacing:0.2em;}
#header h2.logo {margin:0 5px 10px 5px;float:left;}
*html #header h2.logo {margin:0 6px 0px 2px;float:left;}

.header_2nd {background:url(../imgdr/common/hd_tplunder.gif) no-repeat left bottom;}
*html .header_2nd {background:url(../imgdr/common/hd_tplunder.gif) no-repeat left bottom;}

/************************

	Header-menu

*************************/
#header-menu {margin:0;padding:0;position:absolute;right:0em;top:0.25em;font-size:11px;}
#header-menu ul {margin:0;padding:0;}
#header-menu ul li{margin:0;padding:0 0.5em;float:left;border-right:1px solid #6F6F6F;}
#header-menu ul li.last_child {border:none;}

#header-menu ul li a {color:#3F131E;text-decoration:none;}
#header-menu ul li a:hover {color:#3F131E;text-decoration:underline;}


/************************

	Global Navigation

*************************/
#mainnavi {margin:0;padding:12px 0 0 0;position:relative;left:0px;top:0;}
/* IE */
*html #mainnavi {margin:0;padding:10px 0 20px 0;position:relative;left:0px;top:0;}
*html #mainnavi {margin:0;padding:10px 0 10px 0;position:relative;left:0px;top:0;}
*+html #mainnavi {margin:0;padding:10px 0 20px 0;position:relative;left:0px;top:0;}

#mainnavi ul {margin:0;padding:0; padding-bottom:15px;}
#mainnavi ul li {float:left;display:inline;position:relative }
#mainnavi ul li a{margin:0;padding:0;display:block;height:27px;position:relative;cursor:pointer;}
#mainnavi ul li#nav01 a{width:147px;}
#mainnavi ul li#nav02 a{width:157px;}
#mainnavi ul li#nav03 a{width:157px;}
#mainnavi ul li#nav04 a{width:144px;}
#mainnavi ul li a:hover {text-decoration:none;}

#mainnavi ul li#nav01 a span {position:absolute;height:100%;width:100%;background:url(../imgdr/navi/menu01.gif) no-repeat;}
#mainnavi ul li#nav02 a span {position:absolute;height:100%;width:100%;background:url(../imgdr/navi/menu02.gif) no-repeat;}
#mainnavi ul li#nav03 a span {position:absolute;height:100%;width:100%;background:url(../imgdr/navi/menu03.gif) no-repeat;}
#mainnavi ul li#nav04 a span {position:absolute;height:100%;width:100%;background:url(../imgdr/navi/menu04.gif) no-repeat;}

#mainnavi ul li#nav01 a:hover span {position:absolute;height:100%;width:100%;background:url(../imgdr/navi/menu01.gif) no-repeat left -27px;}
#mainnavi ul li#nav02 a:hover span {position:absolute;height:100%;width:100%;background:url(../imgdr/navi/menu02.gif) no-repeat left -27px;}
#mainnavi ul li#nav03 a:hover span {position:absolute;height:100%;width:100%;background:url(../imgdr/navi/menu03.gif) no-repeat left -27px;}
#mainnavi ul li#nav04 a:hover span {position:absolute;height:100%;width:100%;background:url(../imgdr/navi/menu04.gif) no-repeat left -27px;}


/************************

	Page Body

*************************/
/*ハック開始*/
#page-body{ margin:0;padding:5px 12px 0 12px; display:inline-table; min-height:1em;   }
#page-body:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #page-body { height:1em;}
#page-body { display:block; }
/**/

/*ハック終了*/

#page-bodytpl {margin:0;padding:12px 5px 0 5px;}


#page-body #primary {margin:0;padding:0;width:579px; position:relative;}
#page-body #secondary {margin:0;padding:0;width:165px;}



/*ハック開始*/
#primary .group {margin:0;padding:0px;display:inline-table;min-height:1em;}
#primary .group:after {content:"";display:block;clear:both;height:1px;}

/*\*/
* html #primary .group  {height:1em;}
#primary .group  {display:block;}
/**/

/*ハック終了*/
#secondary .unit img.bntop {margin:10px 0 5px 0;}
#secondary .unit img.bn {margin:0 0 5px 0;}
#secondary .unit p.txt { font-size:10px; letter-spacing:0.2em; line-height:120%}

#primary .group h4, #news h4, #secondary .unit h4 {margin:0 0 5px 0;;padding:0.25em 0;border-bottom:2px solid #52210C;}

#primary .group #service-menu{margin:0;padding:0;width:292px;}


#order-made {width:206px; position: absolute; border:1px solid #FF0033;float:right; margin-left:360px;	}
#primary .group #order-made img{margin:10px 0 10px 0px;padding:0;}
#primary .group #order-made img.sec{margin:0 0 10px 0px;padding:0;}

#news {margin:10px 0 0 0; min-height:200px; display:block;}
*html #news {margin:10px 0 0 0; height:200px;}
#news {margin:10px 0 0 0; height:200px;}
#news dl {margin:0;padding:0;}
#news dl dt {margin:1em 0 0.5em 0;padding:0;}
#news dl dd {margin:0 0 1em 0;padding:0;}

/************************

	Top Layout

*************************/

#main-content { margin:0; padding:0; width:570px;}
div#primary h3.title{margin:5px 0 10px 0; padding:10px; font-size:14px; color:#4D1A05; line-height:150%;width:555px; border:1px solid #cccccc; background:url(../imgdr/common/titlebg.gif) repeat left top; border-left:5px solid #BC9D4D;}
div#primary h3.titleno{margin:10px 0; padding:10px; font-size:14px; color:#4D1A05; line-height:150%;width:555px;}
div#primary .contopics{ margin:0 0 5px 10px; padding-bottom:10px;font-size:12px; line-height:150%;letter-spacing:0.2em;background:url(../imgdr/common/dot02.gif)  repeat-x  left bottom;width:560px;}
div#primary .contopicsno{ margin:0 0 5px 10px; padding-bottom:10px;font-size:12px; line-height:150%;letter-spacing:0.2em;width:560px;}

*html div#primary h3.title{margin:5px 0 10px 0; padding:10px; font-size:14px; color:#4D1A05; line-height:150%;width:555px; border:1px solid #cccccc; background:url(../imgdr/common/titlebg.gif) repeat left top; border-left:5px solid #BC9D4D;}
*html div#primary h3.titleno{margin:10px 0; padding:10px; font-size:14px; color:#4D1A05; line-height:150%;width:555px;}
*html div#primary .contopics{ margin:0 0 5px 0; padding-bottom:10px;font-size:12px; line-height:150%;letter-spacing:0.2em;background:url(../imgdr/common/dot02.gif)  repeat-x  left bottom;width:560px;}
*html div#primary .contopicsno{ margin:0 0 5px 5px; padding-bottom:10px;font-size:12px; line-height:150%;letter-spacing:0.2em;width:560px;}

div#primary .unit {margin:5px 0 0px 0; padding:0; width:353px; background:url(../imgdr/top/cnbg.gif) repeat-y;height:41px; position:relative;}
div#primary .unit p{ margin:0px 5px 0 20px; line-height:150%; font-size:10px; letter-spacing:0.2em;}
div#primary .unit img.arrow{ position:absolute; left:320px; top:10px; display:block;}
div#primary .unit02 {margin:0px 0 0px 0; padding:0; width:353px; background:url(../imgdr/top/cnbg.gif) repeat-y;height:41px; position:relative;}
div#primary .unit02 p{ margin:0px 5px 0 20px; line-height:150%; font-size:10px; letter-spacing:0.2em;}
div#primary .unit02 img.arrow{ position:absolute; left:320px; top:10px; display:block;}
div#primary .unit03 {margin:0px 0 10px 0; padding:0; width:353px; background:url(../imgdr/top/cnbg.gif) repeat-y;height:41px; position:relative;}
div#primary .unit03 p{ margin:0px 5px 0 20px; line-height:150%; font-size:10px; letter-spacing:0.2em;}
div#primary .unit03 img.arrow{
	position:absolute;
	left:320px;
	top:10px;
	display:block;
	width: 22px;
}

div#primary h4{ margin:0px 0 0 20px; padding-top:5px; font-size:14px; letter-spacing:0.1em; color:#4D1A05; font-weight:bold;}
div#primary h4 a{color:#4D1A05; font-weight:bold;}
div#service-menu .unit {margin:5px 0 10px 0; padding:0; width:206px; min-height:82px;}
div#side-bar {margin:5px 0 0 0;}
div#side-bar .banner{margin-bottom:8px; width:165px;}
div#side-bar p{margin-top:3px; margin-left:5px;width:160px; font-size:10px; letter-spacing:0.2em; line-height:110%; }

/*
#maincontets {border:1px solid #336699; width:575px;}

#contents-left {}
#contents-center {}
#contents-right { float:right;border:1px solid #6633FF;}
#center-rightbn { border:1px solid #6633FF;}
*/

/************************

	Footer Menu

*************************/
/*ハック開始*/
#footer-menu {margin:1.5em 0 0.25em 0;padding:0px;display:inline-table;min-height:1em;}
#footer-menu:after {content:"";display:block;clear:both;height:1px;}

/*\*/
* html #footer-menu {height:1em;}
#footer-menu {display:block;}
/**/

/*ハック終了*/
#footer-menu ul{margin:0 auto;padding:0;font-size:11px;width:450px;}
#footer-menu ul li{margin:0;padding:0 0.5em;float:left;border-right:1px solid #52210C;}
#footer-menu ul li.last_child {border:none;}
#footer-menu ul li a {text-decoration:none;color:#52210C;}
#footer-menu ul li a:hover {text-decoration:underline;color:#52210C;}


/************************

	Footer

*************************/
#footer {margin:0;padding:0.75em 0 0.25em 0;background:#4D1A05;color:#FFF;font-size:11px;}
#footer p {margin:0;padding:0;text-align:center;}

/************************

	Breakbread

*************************/
ul#breakbread {margin:0px;font-size:10px;text-align:left;padding-left:5px;line-height:100%;}
ul#breakbread li {text-align:left;padding:0;margin:0px 0 5px 0;}