@charset "euc-jp";

/*================================
 common.css
 tokuda@n-di.co.jp
=================================*/

/* Import
=================================*/

@import url("../share/default.css");
@import url("../share/common.css");
@import url("../share/layout.css");

/* Clearfix
=================================*/

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hide from Mac IE \*/
.clearfix {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

/* =========================================
*  CONTENTS
* ========================================= */

div#contents div.section {
	margin: 1.5em 21px 0 20px;
	width:620px;
}

	div#contents div.section h2 {
		padding-bottom: 0;
	}

	div#contents div.section p.seeAll {
		margin-top: 7px;
		border: solid #4b4b4b 1px;
		height: 26px;
		position: relative;
		background: url(../../img/share/gradi_brown_10x26.jpg) repeat-x;
	}
	
		div#contents div.section p.seeAll a {
			position: absolute;
			top: 4px;
			right: 4px;
		}
		
		* html div#contents div.section p.seeAll a { /* lt IE6 */
			top: 3px;
			right: 3px;
		}



div#news { padding-top: 40px }
div#news02 { padding-bottom: 63px }
div#news02 { background: url(../../img/index/section_news_bg02.jpg) no-repeat right bottom }
div#other { padding-bottom: 63px }
div#other  { background: url(../../img/index/section_news_bg02.jpg) no-repeat right bottom }


div#contents div.section div.listBox {
		padding: 5px;
		background: url(../../img/index/listbox_bg.gif) no-repeat right bottom;
		margin-top:-38px;
	}
	
		div#contents div.section div.listBox ul {
			height: 100%;
			overflow: auto;
			word-wrap: break-word;
		}
				
			div#contents div.section div.listBox ul li {
				padding: .6em 0 .3em;
				background: url(../../img/share/line_dotted.gif) no-repeat left bottom;
			}
			
				div#contents div.section div.listBox ul li span {
					float: left;
					width: 8em;
					background: url(../../img/share/icon_01.gif) no-repeat left .3em;
					text-indent: 1em;
				}
				
				div#contents div.section div.listBox ul li a {
					margin-left: 8em;
					display: block;
				}
				* html div#contents div.section div.listBox ul li a {
					text-indent: -3px;
				}
				
div#contents div.section div.listBox_news {
		padding: 5px;
		background: url(../../img/index/listbox_bg.gif) no-repeat right bottom;
		margin-top:-38px;
	}
	
		div#contents div.section div.listBox_news ul {
			height: 120px;
			overflow: auto;
			word-wrap: break-word;
		}
				
			div#contents div.section div.listBox_news ul li {
				padding: .6em 0 .3em;
				background: url(../../img/share/line_dotted.gif) no-repeat left bottom;
			}
			
				div#contents div.section div.listBox_news ul li span {
					float: left;
					width: 8em;
					background: url(../../img/share/icon_01.gif) no-repeat left .3em;
					text-indent: 1em;
				}
				
				div#contents div.section div.listBox_news ul li a {
					margin-left: 8em;
					display: block;
				}
				* html div#contents div.section div.listBox_news ul li a {
					text-indent: -3px;
				}

div#contents div.section div.listBox02 {
		padding: 0px;
		background-image:url(../../img/index/base.jpg);
	}

		/* noitem */
		div#contents div.section div.listBox ul.noitem {
			height: auto;
		}
		
			div#contents div.section div.listBox ul.noitem li {
				background: none;
			}
			
/* =========================================
*  SUB
* ========================================= */

div#sub div.section {
	margin-top: 1em;
}




/* =========================================
*  partner_login
* ========================================= */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}












/* flash */
#flash {
	float:left;
	width:659px;
}

#inqiury {
	float:left;
	width:240px;
	background:url(../../img/index/inquiry_bg.jpg) no-repeat;
}

#inqiury p {
	color:#217453;
	padding:5px 10px 5px 15px;
	line-height: 200%;
	font-size:85%;
}

#inqiury img#btn_form {
	margin:10px 10px 12px 16px;
}

#ex {
	width:200px;
	float:left;
	margin:10px 7px 5px 0;
	background:url(../../img/index/ex_bg.jpg) no-repeat bottom;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
}

#mf {
	width:200px;
	float:left;
	margin:10px 7px 5px 0;
	background:url(../../img/index/mf_bg.jpg) no-repeat bottom;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
}

#st {
	width:200px;
	float:left;
	margin:10px 0 5px 0;
	background:url(../../img/index/st_bg.jpg) no-repeat bottom;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
}

#ex p,#mf p,#st p {
	padding:0 10px 10px 15px;
	margin-top:5px !important;
}

#ex li,#mf li,#st li {
	background:url(../../img/index/icon_arrow.gif) no-repeat 15px 5px;
	padding:0 0 5px 28px;
}

p#ex_btn{
	padding-top:23px;
}

p#trademark{
	margin-bottom:25px;
	padding-left:20px;
	font-size:80%;
	color:#555;
	clear:both;
}


img.sample001 {
	z-index: 1;
	position: relative;
}

img.sample002 {
	z-index: 2;
	top: -38px;
	left: 545px;
	position: relative;
}

#pickup  {
	clear:both;
	width:620px;
}

#pickup .left{
	float:left;
	width:480px;
}

#pickup .right{
	float:left;
	width:140px;
	padding-top:40px;
}

#pickup h3 {
	margin:20px 0 5px 5px;
}

#pickup p {
	padding:0 0 0 25px;
	line-height:200%;
	margin:0 !important;
}

#pickup span {
	color:#F60;
	font-weight:bold;
}

img.btn_pickup {
	margin-top:5px;
}

#sub_contents {
	background:url(../../img/index/line01.gif) no-repeat 17px 0px;
	padding-top:20px;
	margin-top:40px;
}

#sub_contents .left {
	float:left;
	width:500px;
}

#sub_contents .left p{
	color:#26A06D;
	padding:20px 0 10px 20px;
	font-weight:bold;
}

#sub_contents .left li {
	display:inline;
	background:url(../../img/index/icon_blank.gif) no-repeat 20px 1px;
	padding:0 10px 0 40px;
}

#sub_contents .right {
	float:left;
	width:140px;
	margin-top:15px;
}

#mailmagazine {
	background:url(../../img/index/mm_bg.gif) #E4E2D7 no-repeat 0 0;
	margin:17px 0;
	width:200px
}

#mailmagazine h4{
	padding:12px 12px 0 12px;
}

#mailmagazine p{
	font-size:80%;
	padding:10px 12px;
	line-height:180%;
}

#mailmagazine p span{
	color:#F60;
}

#mailmagazine img#btn_mail{
	margin:0 10px 15px 10px;
}

#mailmagazine div{
	padding:8px;
}

#mailmagazine div a{
	margin-top:10px;
}

#mailmagazine .text{
	border-bottom:1px solid #999;
}

.rss-date {
	font-size: 80%;
	color:#666;
}
.rss-item  {
  padding-bottom:5px;
}

#answer-factory {
	background:url(../../img/index/answer-factory_bg.jpg) #F5F5F5 no-repeat 0 0;
	margin:17px 0;
	width:200px
}

#answer-factory h4{
	padding:45px 10px 10px 10px;
}

#answer-factory a{
	padding-left:37px;
	margin-bottom: -25px !important;
	display: block;
	line-height:170%;
	color: #69F !important;
	background:url(../../img/index/q_icon.gif) no-repeat 0 0;
}

#answer-factory a#title {
	margin-left:-35px !important;
	background: none !important
}

#answer-factory div{
	padding:8px;
}

#answer-factory div a{
	margin-top:10px;
}

#answer-factory .text{
	border-bottom:1px solid #999;
}

div#header h1#toppage {
	margin: -60px 10px 0 0;
	color: #666;
	font-size: 80%;
	font-weight:normal;
	text-align: right;
}

div#header p#english {
	margin: 15px 19px 0 0;
	padding-left: 10px;
	font-size: 90%;
	font-weight:normal;
	float: right;
	background: url(../../img/share/icon_01.gif) no-repeat 0 3px;
}

div#header p#english a {
	color: #777;
}

div#footer_top {
	background: url(../../img/share/footer_bg.jpg) repeat-x left top;
	height:99px;
	clear:both;
	text-align:center;
}

div#footer_top_inner {
	margin:0 auto;
	width:900px;
	text-align:right;
}

div#footer_top ul.helpNav {
	padding:15px 0 6px 0;
	width:900px;
	text-align:right;
}

div#footer_top ul.helpNav li {
	padding: 0 1em;
	background: url(../../img/share/icon_01.gif) no-repeat left center;
	font-weight: normal;
	font-size:85%;
	display:inline;
}

div#footer_top ul.helpNav a {
	color: #737373;
	font-weight: normal;
}

div#footer_top p {
	color: #afafaf;
	font-size: 80%;
	text-align:right;
}

span#place {
	background:none !important;
	width: 65px !important;
}

p#sales {
	margin-bottom: 15px;
}

#s_banner {
	margin: 12px 0 18px 0;
}

#s_banner img#user-meeting {
	margin-left: 15px;
}