/* Dokoiruka-mini default CSS Document */


body  {
	font-size: 13px;
	font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka;

	color: #4b4b4b;
	line-height: 23px;
	text-align:       center;
	margin:           0;
	padding:          5px 0 0;
	background: #F2F0DE;
}

a  { color: #0000d2; text-decoration: none }
a:active , a:hover { color: #e40000; text-decoration: underline }
img{	border:none;}

th,td{
	font-size: 13px;
	font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka;
	color: #4b4b4b;
	line-height: 23px;
}

.hdn {
	display: none }

.hdnclear {
	display: none;
	clear:both; }

.clear{
	clear:both;
	}

/* ヘッダー */

#header {
	margin-right:      auto;
	margin-left:       auto;
	width:             800px;
	}
	
#headerInner{
	width: 800px;
	padding-bottom:90px;
	position:relative;
}

*:first-child+html #headerInner{
	padding-bottom:40px;
}

* html #headerInner{
	padding-bottom:40px;
}

#logo {
	display:block;
	position: relative;
	top: 16px;
	left:5px;
	width:	397px;
	height:	69px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../img/logo_big.gif) no-repeat bottom;	
	float:left;
	}

#logo a {
	display:block;
	width:	397px;
	height:	69px;
	text-indent:-1000em;
	}

#subNavi {
	font-size:11px;
	text-align:right;
	padding-right: 5px;
	
	position:absolute;
	top:0;
	right:0;
		}
	
#subNavi ul ,#navi ul {
	margin:0;
	padding:0;
	}

#navi li{
	display:inline;
	}
	
#subNavi li {
	display:inline;
	margin-left: 10px;
	}

#subNavi li a { font-size: 11px; color: #4a4a4a; text-decoration: none;}
#subNavi li a:hover   { color: #333333; text-decoration:underline; }

/* dokoirukaCase */
#dokoirukaCase{
	width:397px;
	height:59px;
	float:right;
	position:absolute;
	top:30px;
	right:0;
}

/* dokoirukaCase */

#navi {

	margin:0;
	padding:5px 0 0 2px;
	height:52px;
	background:url(../img/bgtop_blue.gif) no-repeat right bottom;
	clear:both;}
	
.toppage {
	width:800px;
	height:49px !important;
	background:none !important;
}


#navi li {
	height:52px;
	overflow:hidden;
	float:left;
	}

#navi li a{
	display:block;
	height:41px;
	text-indent:-1000em;
	background:0 0;}

#navi #gnaviConcept a:hover,
#navi #gnaviFunction a:hover,
#navi #gnaviPrice a:hover,
#navi #gnaviQandA a:hover,
#navi #gnaviDownload a:hover,
#navi #gnaviOrder a:hover
{
	background-position: 0 -42px;
	}

#navi #gnaviConcept a {
	background:url(../img/gnaviConcept.gif) no-repeat;
	width:109px;
	}

#navi #gnaviFunction a {
	background:url(../img/gnavifunction.gif) no-repeat;
	width:124px;}

#navi #gnaviPrice a {
	background:url(../img/gnaviPrice.gif) no-repeat;
	width:127px;
	}

#navi #gnaviQandA a {
	background:url(../img/gnaviQandA.gif) no-repeat;
	width:127px;
	}

#navi #gnaviDownload a {
	background:url(../img/gnaviDownload.gif) no-repeat;
	width:128px;
	}

#navi #gnaviOrder a {
	background:url(../img/gnaviOrder.gif) no-repeat;
	width:160px;
	}

#navi #gnaviOrder {
	float:right;
	}

.concept #gnaviConcept a {
	background:url(../img/gnaviConcept_on.gif) !important;
	}

.function #gnaviFunction a {
	background:url(../img/gnavifunction_on.gif) !important;
	}

.price #gnaviPrice a {
	background:url(../img/gnaviPrice_on.gif) !important;
	}

.qanda #gnaviQandA a {
	background:url(../img/gnaviQandA_on.gif) !important;
	}

.download #gnaviDownload a {
	background:url(../img/gnaviDownload_on.gif) !important;
	}

.order #gnaviOrder a {
	background:url(../img/gnaviOrder_on.gif) !important;
	}

div.order {
	background:url(../img/bgtop_orange.gif) no-repeat right bottom !important;
	}
	
div.concept {
	background:url(../img/bgtop_blue_about.gif) no-repeat right bottom !important;
	}

/* メインコンテンツ */

#maincontents {
	margin:0 auto;
	padding:0;
	width:800px;
	background-image: url("/shared/img/bgmid.gif");
	background-repeat: repeat-y;
	text-align:justify;
	}
	
.maincontents {
	margin:0;
	padding: 0px 5px 5px 5px;
	background:url(../img/bgfoot.gif) no-repeat 0 100%;
	clear:both;
}

.maincontents h3 {
	font-size:17px;
	line-height:17px;
	color:#000066;
	margin:0;
	padding:0;

	}

.maincontents  h3.textonly{
	background:url(../img/h_bg_blue.jpg) no-repeat 0 -20px;
	margin:0px !important;
	padding: 50px 27px 27px !important;
}

.maincontents h3 a{
	color:#000066;
	}
.maincontents h3 a:hover{
	color:#000066;
	text-decoration:none;
	}


#text {
	margin: 20px 27px 0;
	}

body.Twoclm #text {
	position:relative;
	left:30px;
	width:525px;
	margin:0px;
	float:left;
	}

body.Twoclm #categorylink {
	width:200px;
	float:right;
	/*margin:0 7px 0 10px;*/
	padding-bottom:50px;
	border-left: 1px solid #CCCCCC;
	}

.maincontents h4{
	font-size:14px;
	color:#000066;
	clear:both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding:0;
	}

.maincontents p {
	margin: 0 0 5px;
	}

.FootGlNav{
	padding:20px 0 0 0;
	text-align:center;
	}

.GotoPagetop{
	margin: 30px 10px 7px 2px!important;
	padding: 0 5px 0 0;
	font-size: 11px;
	text-align: right;
	border-right: 5px solid #CCCCCC;
	clear:both;
}

.GotoPagetop a      {
	color:#666666;
	margin: 0;
	padding: 16px 0 0;}
.GotoPagetop a:hover{
	color:#333333;
	text-decoration:none;
	}
	


/* フッター */

#footer {
	height:100px;
	_height:120px;
	margin:7px 0px 0px;
	padding:7px 0px 0px;
	background:url(../img/footerBg.gif) repeat-x top #E4E2D1;
	clear:both;
	}

.footer {
	position:relative;
	top:0;
	left:0;
	
	text-align:        left;
	margin-right:      auto;
	margin-left:       auto;
	width:             790px;
	}

#copyright {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	display:block;
	width:228px;
	height:34px;
	_height:60px !important;
	overflow:hidden;
	background:url(../img/ubq.gif) no-repeat;
	text-indent:-1000em;
	float:left;
	background-image: url(../img/ubq.gif);
	}

#csc {
	position:absolute;
	top:0;
	right:0;
	
	margin:0;
	padding:0;
	display:block;
	width:180px;
	height:32px;
	overflow:hidden;
	background:url(../img/csc.gif) no-repeat;
	text-indent:-1000em;
	}
	
#copyright a, #csc a{
	display:block;
	width:100%;
	height:100%;
	_height:60px;
	}

#copyright a {
background:url(../img/ubq.gif) no-repeat;}

#footbanner{
	border-top:#CCCCCC solid 1px;
	text-align:center;
	clear:both;
	margin-top:20px;
	padding:20px 0 20px 0;
}


#create {
position:absolute;
left:238px;
top:10px;
_top:24px;

text-indent:-5000em;
display:block !important;
width:100px;
height:11px;
overflow:hidden;

background:url(/shared/img/foot_logoi.gif) no-repeat;

}

#create a {
	display:block;
	}
/* .pkg class wraps enclosing block element around inner floated elements */


.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

#Produce{
	position:absolute;
	left:238px;
	top:6px;
	_top:17px !important;
	
	 font-size: 9px;
    line-height: 1.2em;

	}

#Produce_top{
	position:absolute;
	left:238px;
	top:16px;
	_top:17px !important;
	}

#Produce a,#Produce_top a {
	display:block;
	}

#Produce img {
}

#SiteSup{
	width:200px;
	position:absolute;
	left:328px;
	top:18px;
	_top:29px !important;
	
	font-size:9px;
	line-height:1em;
	color: #868685;
	
}

#SiteSup a{
	color: #868685;
	}

.Indispensable { color: #fc0013; }

.red{color: red;}