/* base layout */

body { margin: 0px auto; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "arial", "helvetica", "sans-serif"; background-color: #fff;}
	   
h1,h2,h3,h4,h5,h6,p,a,li,strong { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "arial", "helvetica", "sans-serif";
                      margin: 0px; padding: 0px; color: #333; }
h1 { margin: 15 0 2 2px; padding: 0px; font-size: 12px; color: #666; } /* top on each pages only */
h2 { padding: 0 0 2 15px; margin: 0 5 0 0px; font-size: 10px; color: #333; display: inline; 
     background: url(../../img/arrow.gif) no-repeat ;} /* global menu on each pages only */
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5,h6 { font-size: 10px; }
p { font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; }
a { font-size: 12px; margin: 0px; padding: 0px; color: #ff9933; text-decoration: none; }
a.top { text-decoration: underline; }
a.sub { color: #cc6633; text-decoration: underline;}

/* contents layout */
#wrap { width: 750px; margin: 0px auto; background: url(../../img/shadow.gif) repeat-y top left;}
/* head */
#head {
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 370px;
}
#head img { padding: 0px; margin: 2 3px; }
#menu { margin: 2 0px; padding: 0 2px; text-align: right;  }/* global menu */
#menu a { margin: 0 0 0 5px; padding: 0px; color: #333; text-decoration: none; }

/* catch (top img) */
#catch { border: 1px solid #ccc; margin: 0px; padding: 0px; width: 720px; height: 250px; 
         display: block; text-align: center; }
#catch .img{ margin: 2px; padding: 0px; width: 716px; height: 246px;
             background: url(../../img/back.gif) no-repeat center; }
#catch img { margin: 0px; padding: 0px; }
#catch .img2 { background: center; width: 716px; height: 246px; margin: 2px; padding: 0px; }

/* navigation (except top page) */
#navi { width: 180px; float: left; text-align: left; display: block; margin: 10 0 0 0px; padding: 0px; }
#navi .box00 { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;
               margin: 0 0 2 0px; padding: 0px; width: 175px; height: 50px; display: block; text-align: left; background:               #fff; }
#navi .title { background: url(../../img/title3.gif) top left; width: 175px; height: 50px;  margin: 2 0 0 0px; padding: 0px;
               border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; 
		       border-bottom: 1px dotted #ddd; display: block;}
#navi .box { border: 1px solid #ccc; margin: 2 0px; padding: 0px; width: 175px; height: 50px; 
             display: block; text-align: left; background: url(../../img/title3.gif) top left repeat; }
#navi h3{ padding: 2 0 0 5px; margin: 0px; font-size: 12px; color: #333; }
#navi h4{ padding: 1 0 0 5px; margin: 0px; font-size: 10px; color: #666633; }
#navi p{ padding: 7px; margin: 0px; }
#navi .info{ padding: 5 10 5 0px; margin: 0px; background: url(../../img/info.gif) no-repeat top left; 
             text-align: right; width: 175px; height: 150px; }
#navi .info p{ padding: 0px; margin: 10px; }
#navi .info strong{ padding: 0px; margin: 3 0 3 45px; font-size: 12px; }
#navi ul { margin: 5 10px; padding: 0px; list-style: none inside; font-size: 12px; font-weight: bold; }
#navi li { margin: 0px; padding: 0px; line-height: 16px; }
				 
/* content (except top page) */
#main { 
	width: 525px;
	float:left; 
	text-align: left; 
	display: block; 
	margin: 10 0 100 10px; 
	padding: 0px; 
}

div#main h5 {
	width:500px;
	height:40px;
	text-indent:-9999px;
}

div#main div.steps h5 {
	background:url(../../img/title_flow.gif) no-repeat top;
}

div#main div.reform h5 {
	background:url(../../img/title_kairyo.gif) no-repeat top;
}

div#main div.emono h5 {
	background:url(../../img/title_link.gif) no-repeat top;
}

div#main div.contact h5{
	background:url(../../img/cathand/title_otoiawase.gif) no-repeat top;
}

div#main div.otoshi h5 {
	background:url(../../img/title_otoshiita.gif) no-repeat top;
}

div#main div.about h5 {
	background:url(../../img/title_company.gif) no-repeat top;
}

div#main div.workslist h5  {
	background:url(../../img/cathand/title_list.gif) no-repeat top;
}

div#main div.works h5 {
	background:url(../../img/cathand/title_detail.gif) no-repeat top;
}

div#main div.otoiawase h5 {
	background:url(../../img/cathand/title_otoiawase.gif) no-repeat top;
}

/*#main h5 { display: none; }
#main .reform { 
	background: url(../../img/menu01.gif) no-repeat; 
	width: 273px; 
	height: 40px; 
	margin: 5 10px; 
	padding: 15 0 40 60pxpx; 
}

#main .otoshi { 
	background: url(../../img/menu02.gif) no-repeat; 
	width: 247px; 
	height: 40px; 
	margin: 5 10px; 
	padding: 15 0 40 60pxpx; }
#main .works { background: url(../../img/menu03.gif) no-repeat; width: 127px; height: 40px; margin: 5 10px; padding: 15 0 40 60pxpx; }
#main .steps { background: url(../../img/title_flow.gif) no-repeat; width: 161px; height: 40px; margin: 5 10px; padding: 15 0 40 60pxpx; }
#main .about { background: url(../../img/global01.gif) no-repeat; width: 147px; height: 40px; margin: 5 10px; padding: 15 0 40 60pxpx; }
#main .contact { background: url(../../img/global02.gif) no-repeat; width: 181px; height: 40px; margin: 5 10px; padding: 15 0 40 60pxpx; }
#main .board { background: url(../../img/global03.gif) no-repeat; width: 127px; height: 40px; margin: 5 10px; padding: 15 0 40 60pxpx; }
#main .emono { background: url(../../img/global04.gif) no-repeat; width: 124px; height: 40px; margin: 5 10px; padding: 15 0 40 60pxpx; }*/


#main img.re { display: inline; } /* reform page */
#main table.fix { margin: 10 0 10 15px; }
table.fix td { border-bottom: 1px dashed #ccc; margin: 10 0px; }

#main h6 { padding: 0px; margin: 30 5 10 5px; font-size: 13px; color: #753; }
#main h6.step { font-size: 13px; color: #753; 18px; margin: 10px; padding: 5 10px; border-bottom: 1px dotted #ccc; }
#main p { margin: 0px; padding: 10 20px; width: 480px; }
#main p.head { margin: 3 15 3 30px; padding: 0px; font-weight: bold; width: 100px; }/* contact page */
#main ul { list-style: none inside; margin: 5 5 20 5px; padding: 5 10px; width: 490px; } /* steps page */
#main li { margin: 10 15px; padding: 0px; font-size: 12px; font-weight: bold; color: #333; }
#main ul .box { border: 1px solid #ccc; padding: 5px; margin: 10 10 10 65px; width: 300px; }
#main dl { margin: 5 5 10 5px; padding: 5px; background: #fff; width: 480px;}
.xs { font-size: 10px; font-weight: normal; } /* step/contact page */
#main dt { font-size: 12px; font-weight: bold; color: #333; margin: 10px; padding: 0px;} 
#main dd { font-size: 11px; color: #666; line-height: 18px; margin: 7 15px; } 
#main .com { margin: 10 15px; padding: 2px; width: 450px; } /* company page */
#main .com p{ margin: 0px; padding: 5px;  } 
#main .com p.name{ margin: 0px; padding: 5px; border-bottom: 1px dotted #ccc; } 
#main .com span.ex { margin: 10px; padding: 0px; color: #666; line-height: 18px; width: 300px; }
#main .com span { margin: 0 10 0 0px; padding: 0px; width: 100px; } 
#main .com p.2 { margin: 0px; padding: 5 0 10 90px; border-bottom: none; } 
#main dl img { margin: 3 10px; padding: 0px; } /* works/index page */
#main dl h6 { margin: 10px; padding: 2px; border-bottom: 1px solid #663; } 
#main dl p { margin: 0px; padding: 5px; width: 400px; height: 90px; }
#main dl a { color: red; }
#main dl a.link { color: #ff9933; }
a.link_p { font-size: 10px; color: #666666; }
#main strong { font-size: 12px; /*color: #ff6633;*/ line-height: 20px; }

/* content (top) */
#content { width: 722px;  }
#content .box { border: 1px solid #ccc; margin: 1 0 1 1px; padding: 0px; width: 237px; height: 200px; 
                display: block; float: left; text-align: left; background: #ffffff; }
#content .box0 { border: 1px solid #ccc; margin: 1 0 1 0px; padding: 0px; width: 237px; height: 200px; 
                display: block; float: left; text-align: left; background: #ffffff; }			
#content .box00 { border: 1px solid #ccc; margin: 1 2 1 2px; padding: 0px; width: 237px; height: 200px; 
                display: block; float: left; text-align: left; background: #ffffff; }								
.title { background: url(../../img/title.gif) repeat top left; width: 236px; height: 90px; 
         border-bottom: 1px dotted #ddd; margin: 0px; padding: 0px;}
#content h3{ padding: 2 0 0 7px; margin: 0px; font-size: 12px; }
#content h4{ padding: 3 0 0 7px; margin: 0px; font-size: 10px; color: #666633; }			 				
#content p{ margin: 8px; padding: 0px; }
#content img.p{ margin: 5 5 0 0px; padding: 0px; }
#content img { padding: 2 0 0 2px; margin: 0px; }
		 
/* content2 (top) */
#content2 { width: 720px; }
#content2 .box3 { border: 1px solid #ccc; margin: 5px 0 1px 2px; padding: 0px; width: 718px; display: block; }
#content2 p { margin: 0px; padding: 0px; line-height: 20px; float: left; }
#content2 p.re { margin: 5 10 5 0px; padding: 0px; line-height: 18px; }
#content2 p.re span { padding: 0px; margin: 0 0 0 5px; font-size: 12px; line-height: 16px; }
.title2 { background: url(../../img/title2.gif) repeat top left; width: 718px; height: 60px; 
         border-bottom: 1px dotted #ddd; margin: 0px; padding: 0px;}
#content2 h3{ padding: 2 0 0 7px; margin: 0px; font-size: 12px; }
#content2 h4{ padding: 3 0 0 7px; margin: 0px; font-size: 10px; color: #666633; }
#content2 img.p{ margin: 5 10 5 10px; padding: 0px; }
#content2 img { padding: 2 0 0 2px; margin: 0px; }
#content2 strong { color: #333; font-size: 12px; border-bottom: 1px solid #ccc; width: 185px; margin: 5 0 5 0px; }
#new { height: 80px; overflow: auto; }
#new ul, #new li { margin-top: 5px; font-size: 12px; line-height: 140%; }
#new ul li span { margin-right: 20px; }

/* content3 (top) */
#content3 { width: 720px; }
#content3 .box3 { border: 1px solid #ccc; margin: 1 0 2 2px; padding: 0px; width: 718px; height: 150px; display: block;}
#content3 p { margin: 0px; padding: 0px; line-height: 20px; float: left; }
#content3 p.re { margin: 5 0px; padding: 0px; line-height: 20px; }
.title2 { background: url(../../img/title2.gif) repeat top left; width: 718px; height: 60px; 
         border-bottom: 1px dotted #ddd; margin: 0px; padding: 0px;}
#content3 h3{ padding: 2 0 0 7px; margin: 0px; font-size: 12px; }
#content3 h4{ padding: 3 0 0 7px; margin: 0px; font-size: 10px; color: #666633; }
#content3 h5{ margin: 20 0 0 0px; padding: 0px; font-size: 12px; color: #333; float:left; }
#content3 .normal{ margin: 0px; padding: 0px; font-weight: normal; font-size: 12px; color: #333; line-height: 18px; }
#content3 .do{ padding: 5px; margin: 0px; color: #333; float: left; width: 450px; }
#content3 .do h5{ padding: 0px; margin: 0px; color: #333; }
#content3 img.p{ margin: 0 15 5 5px; padding: 0px; }
#content3 img { padding: 2 0 0 2px; margin: 0px; }

/* footer */
#footer { width: 720px; text-align: right; padding: 10 0px; margin: 0px; clear: both; border-top: 1px dotted #ccc; }
#footer a{ font-size: 10px; color: #333300; margin: 3 4px; padding: 0px; }
#footer a.links{ margin: 5 2px; padding: 0px; }
#footer address.copy { font-size: 10px; color: #999; margin: 3 2px; padding: 0px; font-style:normal; }


/*---------------------------------------------------
2008/04/18 topƒy[ƒW@’Η‰Αcss
---------------------------------------------------*/

div.header_navi {
	width:350px;
	height:52px;
	margin:0;
	padding:0;
}

div.header_navi img {
	margin:0;
	padding:0;
}

span.comment {
	font-weight:bold;
	text-align:center;
	color:#666666;
	display:block;
	margin-top:5px;
	font-size: 13px;
}

/*ƒMƒƒƒ‰ƒŠ[*/

div.gallery2 {
}

div.gallery2 table tr td {
	width:716px;
	background:url(../../img/gallerybg2.jpg) no-repeat top;
	background-color:#FFFFFF;
	border:#A8AF36 1px solid;
	padding:0;
}

div.gallery2 table tr td img {
	float:right;
	margin:5px;
	border:#666666 1px solid;
	width:370px;
}

div.gallery2 table tr td p {
	margin:60px 398px 10px 25px;
}

div.gallery2 table tr td div a {
	background:url(../../img/gdetail_off.jpg) no-repeat top;
	display:block;
	width:50px;
	height:22px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}

div.gallery2 table tr td div {
	background:url(../../img/gdetail_on.jpg) no-repeat top;
	width:50px;
	height:22px;
	margin:25px;
}

div.gallery2 table tr td div a:hover {
	background:url(../../img/gdetail_on.jpg) no-repeat top;
}

div.jio_logo {
	margin:5px;
	text-align: right;
}

div#links {
	width:514px;
	margin:0 0 0 9px;
}

div#links h2 {
	margin:10px 0;
}

div#links p {
	width:460px;
	margin:10px 0 10px 10px;
}

div#links p.frantz2Pager a.next {
	margin-left:5px;
}

div#links p.frantz2Pager a.prev {
	margin-right:5px;
}

div#links p.frantz2Pager a:after{
content:" ";
}

div#links dl dt {
	margin:0 0 0 10px;
}

div#links dl dt img {
	margin:0 0 10px 0;
}

div#links dl dd {
	margin:5px 0 10px 10px;
	padding:0 0 10px 0;
	border-bottom:1px solid #999999;
}

div#links dl dd p {
	width:440px;
	margin:0;
	height:auto;
}