@charset "utf-8";

/* -----------------------------------
	3D Layout Styles
----------------------------------- */


/* --------------------------------------------------------
	 links
-------------------------------------------------------- */
a:link {
color:#006600;	
text-decoration: none;
}
a:visited {
color:#006600;	
text-decoration: none;
}
a:hover,a:active{
color:#006600;	
text-decoration: underline;
}


body.tutorial #sideArea #navArea li.tutorial a,
body.download #sideArea #navArea li.download a,
body.view #sideArea #navArea li.view a,
body.share #sideArea #navArea li.share a,
body.technology #sideArea #navArea li.technology01 a,
body.technology2 #sideArea #navArea li.technology02 a,
body.terms #sideArea .optionMenu .terms a,
body.linklist #sideArea .optionMenu .linklist a {
color:#006600;	
text-decoration: none;
}


/* --------------------------------------------------------
	pageflame wrapper -contents
-------------------------------------------------------- */
body{
color:#333333;
font-family:"ＭＳＰゴシック",sans-serif;
}

html {
height: 100%;
}
body {
height: 100%;
}

body > #wrapper {
height: auto;
}

#wrapper {
position: relative;
height:100%;
min-height:100%;
background:#f7f7f7 url(../../img/shared/bg_main_01.gif) repeat-y left top;
}

#contentArea{
text-align:left;
padding-bottom:60px;
width:960px;
min-height:100px;
height:auto;
}
* html body #contentArea{
height: 100px;
}

* html body.tutorial #contentArea{
padding-bottom:20px;
}

* html body.tutorial #footerArea{
position:relative;
}

/* --------------------------------------------------------
 VIEW 
-------------------------------------------------------- */
body.view #footerArea{

}
body.view #contentArea{
padding-bottom:0px;
}
body.view{
height:100%;
}
body.view #flashcontent{
height:100%;
}



/* --------------------------------------------------------
	mainArea
-------------------------------------------------------- */
#sideArea{
font-size:80%;
}

#mainArea{
font-size:80%;
}


/* for IE6 */
* html #mainArea,
* html #sideArea{
font-size:69%;
}

/* for IE7 */
*:first-child+html #mainArea,
*:first-child+html #sideArea{
font-size: 69%;
}
/* for IE8 */
html>/**/#mainArea,
html>/**/#sideArea{ 
font-size /*\**/:69%;\9;
}

*:first-child+html #mainArea em,
*:first-child+html #sideArea em,
html>/**/#mainArea em,
html>/**/#sideArea em,
* html #mainArea em,
* html #sideArea em{
font-size:105%;
}

#mainArea{
width:750px;
float:left;
display:inline;
}
#mainAreaInner{
margin-left:9px;
width:730px;
position:relative;
}
/* --------------------------------------------------------
	headArea
-------------------------------------------------------- */
#headArea{
padding-bottom:21px;
}
#headArea h1{
margin:0 0 0 5px;
}


/* --------------------------------------------------------
	sideArea
-------------------------------------------------------- */
#sideArea{
width:210px;
float:right;
display:inline;
background:#fff;
}
#navArea{
margin-top:21px;
}


#sideArea #navArea dt{
line-height:0;
}
#sideArea #navArea dd{
margin-bottom:10px;
}

#sideArea #navArea li{
margin-bottom:2px;
padding-bottom:4px;
display:block;
width:200px;
background:url(../../img/shared/bg_gNav_01btm.gif) no-repeat left bottom;
}

#sideArea #navArea li.last{
margin-bottom:0;
}


#sideArea #navArea li a span{
margin-left:22px;
padding-top:3px;
padding-bottom:3px;
display:block;
}

#sideArea #navArea li a{
color:#111111;
padding:13px 0 6px;
display:block;
background:url(../../img/shared/bg_gNav_01.gif) no-repeat left top;
}

#sideArea #navArea li a:hover,#sideArea #navArea li a:active{
color:#006600;
text-decoration: underline;
}


#sideArea .bnr_01 a{
color:#111111;
line-height:1.2;
}
#sideArea .bnr_01:hover a{
color:#fff;
text-decoration:none;
}

#sideArea .bnr_01 a span{
margin-left:22px;
padding-top:3px;
padding-bottom:3px;
display:block;
}
#sideArea .bnr_01{
padding-bottom:4px;
display:block;
width:200px;
background:url(../../img/shared/bg_gNav_02btm.gif) no-repeat left bottom;
}
#sideArea .bnr_01 a{
padding:12px 0 8px;
display:block;
background:url(../../img/shared/bg_gNav_02.gif) no-repeat left top;
}

#sideArea .bnr_01:hover a{
background:url(../../img/shared/bg_gNav_02_o.gif) no-repeat left top;
}
#sideArea .bnr_01:hover{
background:url(../../img/shared/bg_gNav_02btm_o.gif) no-repeat left bottom;
}



#sideArea .optionMenu{
padding-top:20px;
width:200px;
background:url(../../img/shared/dotline_01.gif) no-repeat left top;
}


#sideArea .optionMenu .nolink{
color:#111111;
padding-left:7px;
}

#sideArea .optionMenu a{
color:#111111;
padding-left:22px;
display:block;
background:url(../../img/shared/arrow_01.gif) no-repeat 10px center;
}

body #sideArea .topOnly{
display:none;
}
body.home #sideArea .topOnly{
display:block;
}

#sideArea #bnrArea{
margin-top:15px;
padding-top:15px;
width:200px;
background:url(../../img/shared/dotline_01.gif) no-repeat left top;
}
#sideArea #bnrArea a{
color:#111111;
}
#sideArea #bnrArea li.bnrlist{
margin-bottom:10px;
}
#sideArea #bnrArea li.bnrlist .txt01{
margin-top:3px;
}


/* --------------------------------------------------------
	footer
-------------------------------------------------------- */

#footerArea {
margin:0;
position: absolute;
bottom:0;
min-height:30px;
width:960px;
}
#footerArea .copy{
text-align:left;
vertical-align:middle;
margin:0 auto;
padding:0 14px 20px;
}


.section_01{
margin:0 4px;
width:232px;
}

.section_02{
margin:0 4px;
width:472px;
}

.section_03{
margin:0 4px;
width:712px;
}

/* --------------------------------------------------------
	 box_01
-------------------------------------------------------- */

.box_01{
padding-top:12px;
width:232px;
background:url(../../img/shared/bg_boxTop_01.png) no-repeat left top;
}

.box_01-Inner{
padding:0 10px;
width:212px;
background:url(../../img/shared/bg_boxMid_01.png) repeat-y left top;
}

.box_01-Btm{
padding:0 0 12px;
width:232px;
background:url(../../img/shared/bg_boxBtm_01.png) no-repeat left bottom;
}

*html .box_01-Btm{
line-height:0;
padding-bottom:11px;
}


/* --------------------------------------------------------
	 box_02
-------------------------------------------------------- */

.box_02{
padding-top:12px;
width:472px;
background:url(../../img/shared/bg_boxTop_02.gif) no-repeat left top;
}

.box_02-Inner{
padding:0 10px;
width:452px;
background:url(../../img/shared/bg_boxMid_02.gif) repeat-y left top;
}

.box_02-Btm{
padding:0 0 12px;
width:472px;
background:url(../../img/shared/bg_boxBtm_02.gif) no-repeat left bottom;
}

*html .box_02-Btm{
line-height:0;
padding-bottom:11px;
}

/* --------------------------------------------------------
	 box_03
-------------------------------------------------------- */

.box_03{
padding-top:12px;
width:712px;
background:url(../../img/shared/bg_boxTop_03.gif) no-repeat left top;
}

.box_03-Inner{
padding:0 10px;
width:692px;
background:url(../../img/shared/bg_boxMid_03.gif) repeat-y left top;
}

.box_03-Btm{
padding:0 0 12px;
width:712px;
background:url(../../img/shared/bg_boxBtm_03.gif) no-repeat left bottom;
}

*html .box_03-Btm{
line-height:0;
padding-bottom:11px;
}

/* --------------------------------------------------------
	 titlebox_01
-------------------------------------------------------- */

.titlebox_01{
margin-top:13px;
padding-bottom:8px;
}
.titlebox_02{
margin-top:13px;
padding-bottom:7px;
}
.titlebox_03{
margin-top:0;
padding-top:13px;
padding-bottom:7px;
position:relative;
}

.title_in01{
padding-top:7px;
}
.title_in02{
padding-top:14px;
padding-bottom:14px;
}
.title_in03{
padding-top:14px;
}
.title_in04{
padding-top:12px;
padding-bottom:12px;
}

/* --------------------------------------------------------
	clearfix
-------------------------------------------------------- */
#contentArea:after,
#mainAreaInner:after,
.section01:after,
.section_02:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

#contentArea,
#mainAreaInner,
.section01,
.section_02{
min-height:1%;
}
/* -- for IE6 */
* html #contentArea,
* html #mainAreaInner,
* html .section01,
* html .section_02{
	height:1px;
}
/* -- for IE7 */
*:first-child+html #contentArea,
*:first-child+html #mainAreaInner,
*:first-child+html .section01,
*:first-child+html .section02{
 zoom:1;
}