@charset "utf-8";


/* -----------------------------------------------
CSS file d-sq
FileName : default.css
UpdatedBy : 2010/06/27
----------------------------------------------- */


/* --------------
MODULE IMPORT
-------------- */

@import "header.css";
@import "footer.css";



/* base -------------------------------------- */
html{
	color:#000;
	background:#fff;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}


body{
	background:url(../images/bg.gif) left top repeat-x;
	font-family: "lr oSVbN", Osaka, "qMmpS Pro W3",sans-serif;
	text-align: left;
	color: #666;
	font-size: 12px;
	line-height: 130%;
	letter-spacing: 0;
}

/* forIE7 */
* :first-child+html body{
	font-size: small;
}
/* forIE6 */
* html body{
	font-size: small;
}

* html body{
	font-size: 12px;
	line-height:130%;
}

html{
	background-color: #ffffff;
	overflow: scroll;
}




#allwrap {
	padding:0;
	max-height:500%;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 100%;
	width: 100%;
}



img{
	border:none;
	padding:0;
	margin:0;
}

*html img {

	display: block;

}

li{
	list-style:none;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}




/* clearfixݒ -------------------------------------- */


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

.clearfix {
	display: inline-block;
}

/* exlude MacIE5 */
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{clear:both;}

/* contents -------------------------------------- */
#wrap_header{
	padding:0;
	width:997px;
	height:127px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#main_ttl{
	margin:0 auto;
	padding:0;
	width:1000px;
	text-align:center;
}


#mainContents{
	margin:20px auto;
	padding:0;
	width:997px;
	height:auto;
	text-align:left;
}


#mainContents #mainConLeft{
	float:left;
	margin:0px;
	width:253px;
	text-align:left;
	font-size:11px;
	line-height:130%;
	padding: 0px;
}
#mainContents #mainConLeft2{
	float:left;
	margin:0px;
	width:253px;
	text-align:left;
	font-size:11px;
	line-height:130%;
	padding: 0px;
	clear: both;
}


*html #mainContents #mainConLeft{
	float:left;
	margin:0px;
	padding:0px;
	width:253px;
	text-align:left;
	font-size:9px;
	line-height:150%;
}

#mainContents #mainConLeft .banner{
	padding:0px;
	width:253px;
	height:97px;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#mainContents #mainConLeft p{
	width:251px;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#mainContents #mainConRight{
	float:right;
	margin:0px;
	padding:0px;
	width:720px;
	text-align:left;
}


#mainContents #mainConRight .line03{
	background:url(../images/line03.gif) left top no-repeat;
	margin:0;
	padding:0;
	width:720px;
	height:1px;
}


/* link -------------------------------------- */

a{
	color:#666;
	text-decoration:none;
}
a:visited{
	color:#666;
	text-decoration:none;
}
a:hover{
	color:#999;
	text-decoration:underline;
}
a:active{
	color:#666;
	text-decoration:none;
}


/* blue */
a.blue{
	color:#003399;
	text-decoration:none;
}
a.blue:visited{
	color:#003399;
	text-decoration:none;
}
a.blue:hover{
	color:#003399;
	text-decoration:underline;
}
a.blue:active{
	color:#003399;
	text-decoration:none;
}

/* black */
a.black{
	color:#000000;
	text-decoration:none;
}
a.black:visited{
	color:#000000;
	text-decoration:none;
}
a.black:hover{
	color:#666666;
	text-decoration:none;
}
a.black:active{
	color:#000000;
	text-decoration:none;
}

/* line */
a.line{
	text-decoration:none;
}
a.line:visited{
	text-decoration:none;
}
a.line:hover{
	color:#666666;
	text-decoration:underline;
}
a.line:active{
	text-decoration:none;
}



/* breadcrumb -------------------------------------- */
#crumb{
	margin:0 auto;
	padding:0px 0 10px 0;
	width:997px;
	line-height:1.1;
	text-align:left;
	font-size:12px;
}





/* margin padding-------------------------------------- */

.mt00{
	margin-top:0px !important;
}

.mt03{
	margin-top:3px !important;
}

.mt05{
	margin-top:5px !important;
}

.mt10{
	margin-top:10px !important;
}


.mt15{
	margin-top:15px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt25{
	margin-top:25px !important;
}

.mt35{
	margin-top:35px !important;
}

.mt40{
	margin-top:40px !important;
}

.mt50{
	margin-top:50px !important;
}


.mb00{
	margin-bottom:0px !important;
}

.mb05{
	margin-bottom:5px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.mb15{
	margin-bottom:15px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.mb25{
	margin-bottom:25px !important;
}

.mb40{
	margin-bottom:40px !important;
}


.ml03{
	margin-left:3px !important;
}

.ml05{
	margin-left:5px !important;
}

.ml10{
	margin-left:10px !important;
}

.ml20{
	margin-left:20px !important;
}

.ml80{
	margin-left:80px !important;
}

.ml593{
	margin-left:593px !important;
}

.ml482{
	margin-left:482px !important;
}



.pl03{
	padding-left:3px !important;
}



/* font size-------------------------------------- */

.f11{
	font-size:11px;
	line-height:140%;
}

*html .f11{
	font-size:11px;
	line-height:130%;
}

.f13{
	font-size:13px;
	line-height:130%;
}

.f14{
	font-size:14px;
	line-height:140%;
}




/* font color-------------------------------------- */

.clr01{
	color:#6699CC; /* blue */ /* support_menu03 */
}


.clr02{
	color:#333333; /* gray */
}

.clr03{
	color: #690 /* green */
}

.clr04{
	color:#5C2F1C; /* brown */
}


.clr05{
	color:#990000; /* red */
}


.clr06{
	color: #369; /* support_menu01 */
}

.clr07{
	color:#669900; /* support_menu02 */
}

.clr08{
	color:#c38769; /* support_menu04 */
}

.clr09{
	color:#de7194; /* contents_menu pink */
}

.clr10{
	color:#000000; /* black */
}





/* text_align-------------------------------------- */

.alnL{
	text-align:left;
}
.alnC{
	text-align:center;
}
.alnR{
	text-align:right;
}



/* goToBack-------------------------------------- */
.goToBack{
	background:url(../images/arrow.gif) left 1px no-repeat;
	padding-left:20px;
}

/* goToTop-------------------------------------- */
.goToTop{
	background:url(../images/arrow02.gif) left 1px no-repeat;
	padding-left:15px;
}



/* Left menu_for support n contents-------------------------------------- */
#mainContents #mainConLeft #menu{
	padding:0px;
	margin:0px;
	width:253px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block{
	padding:0px;
	margin:0px;
	width:250px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block #left{
	float:left;
	padding:0px;
	margin:0px;
	width:55px;
	height:44px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block #right{
	float:right;
	padding:0px;
	margin:0px;
	width:195px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block2{
	padding:0px;
	margin:0px;
	width:250px;
	text-align:left;
	background-color: #F0F0F0;
}

#mainContents #mainConLeft #menu #block2 #left{
	float:left;
	padding:0px;
	margin:0px;
	width:55px;
	height:44px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block2 #right{
	float:right;
	padding:0px;
	margin:0px;
	width:195px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block3{
	padding:0px;
	margin:0px;
	width:250px;
	text-align:left;
	background-color: #CCC;
}

#mainContents #mainConLeft #menu #block3 #left{
	float:left;
	padding:0px;
	margin:0px;
	width:55px;
	height:44px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block3 #right{
	float:right;
	padding:0px;
	margin:0px;
	width:195px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block04{
	background-image:url(../../support/images/bg_02.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	float: none;
}

#mainContents #mainConLeft #menu #block04 #left{
	float:left;
	padding:0px;
	margin:0px;
	width:55px;
	height:44px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block04 #right{
	float:right;
	padding:0px;
	margin:0px;
	width:195px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block05{
	background-image:url(../../support/images/bg_01.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	float: none;
}

#mainContents #mainConLeft #menu #block05 #left{
	float:left;
	padding:0px;
	margin:0px;
	width:55px;
	height:44px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block05 #right{
	float:right;
	padding:0px;
	margin:0px;
	width:195px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block06{
	background-image:url(../../support/images/bg_03.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	float: none;
}

#mainContents #mainConLeft #menu #block06 #left{
	float:left;
	padding:0px;
	margin:0px;
	width:55px;
	height:44px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block06 #right{
	float:right;
	padding:0px;
	margin:0px;
	width:195px;
	text-align:left;
}


#mainContents #mainConLeft #menu #block07{
	background-image:url(../../support/images/bg_04.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	float: none;
}

#mainContents #mainConLeft #menu #block07 #left{
	float:left;
	padding:0px;
	margin:0px;
	width:55px;
	height:44px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block07 #right{
	float:right;
	padding:0px;
	margin:0px;
	width:195px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block08{
	background-image:url(../../support/images/bg_05.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	float: none;
}

#mainContents #mainConLeft #menu #block08 #left{
	float:left;
	padding:0px;
	margin:0px;
	width:55px;
	height:44px;
	text-align:left;
}

#mainContents #mainConLeft #menu #block08 #right{
	float:right;
	padding:0px;
	margin:0px;
	width:195px;
	text-align:left;
}


#mainContents #mainConLeft #menu .line{
	background:url(../images/line01.gif) left top no-repeat;
	margin:5px 0 5px 0;
	padding:0;
	width:253px;
	height:1px;
}

*html #mainContents #mainConLeft #menu .line{
	background:url(../images/line01.gif) left 3px no-repeat;
	margin:3px 0 0 0;
	padding:0;
	width:253px;
	height:3px;
}


#mainContents #mainConLeft #menu .line02{
	background:url(../images/line02.gif) left top no-repeat;
	margin:5px 0 7px 0;
	padding:0;
	width:195px;
	height:1px;
}


*html #mainContents #mainConLeft #menu .line02{
	background:url(../images/line02.gif) left 1px no-repeat;
	margin:3px 0 0 0;
	padding:0;
	width:195px;
	height:1px;
}




/* mainConRight BoxLine-------------------------------------- */

/* black */
#mainContents #mainConRight #boxLineBlkTop{
	margin:0px;
	padding:0px;
	width:720px;
	height:10px;
	text-align:left;
	background:url(../images/boxBlk_BgTop.gif) left bottom no-repeat;
}

#mainContents #mainConRight #boxLineBlkInner{
	margin:0px;
	padding:5px 10px 5px 10px;
	width:700px;
	text-align:center;
	background:url(../images/boxBlk_BgInner.gif) left top repeat-y;
}

#mainContents #mainConRight #boxLineBlkBottom{
	margin:0px;
	padding:0px;
	width:720px;
	height:10px;
	text-align:left;
	background:url(../images/boxBlk_BgBottom.gif) left top no-repeat;
}


/* float-------------------------------------- */

.floatL{
	float:left;
	margin:0;
	padding:0;
}

.floatR{
	margin:0;
	padding:0;
	float: right;
}














/* CSS Document */