/* CSS Document */


/* COMMON Layout Definition */
body {
	background:#ffffff;
	padding:0;
	margin:0;
	color:#595757;
	text-align:center;
}

#pagecontent{
	display:block;
	text-align:left;
	width:750px;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

#area-header{
	width:750px;
	margin:10px 0 0 0;
	padding:0;
	display:block;
}


/* floatq{bNXe{bNX͂ݏoĂ܂ۂ */

#area-header:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#area-header { display:inline-table; }

/* Mac IE ɂ͓KpȂ \*/
* html .contents { height:1px; }
#area-header { display:block; }
/* end MacIE5 */


#logo{
	float:left;
	width:188px;
	height:52px;
	padding:0;
	margin:0;
}

#message{
	float:left;
	width:340px;
	height:17px;
	padding:0;
	margin:20px 0 0 20px;
}

#navi-language{
	display:block;
	float:right;
	height:27px;
	text-align:right;
	padding:20px 0 0 0;
	margin:0;
	font-size:70%;!important
}

.language01{
	border-right:double 3px #000000;
	padding-right:15px;
	margin-right:15px
}

.language02{
	border-right:solid 1px #000000;
	padding-right:5px;
}

.language03{
	padding-left:5px;
}


#navi-global{
	display:block;
	clear:both;
	height:40px;
	width:750px;
	padding-top:10px;
	margin:0;
}


#area-contents{
	clear:both;
	display:block;
	width:750px;
	margin:0;
	padding:0;
	background:url(/images/bg-left.jpg) repeat-y;
	text-align:left;
}

#area-contents-w{
	clear:both;
	display:block;
	width:750px;
	margin:0;
	padding:0;
	text-align:left;
}

#area-footer{
	clear:both;
	width:750px;
	margin:0;
	padding:40px 0 0 0;
	text-align:center;
	color:#221815;
	font-size:70%;!important
}

/* Global Navi Rollover */
#navi-global ul{
	list-style-type: none;
	text-indent: -9999px;
	margin:0;
	padding:0;
	width:750px;
}

#navi-global li{
	display:inline;
}

#navi-global a:hover{
	background-position: 0 -40px;
}

#navi-global a:active{
	background-position: 0 -40px;
}

/* Footer Navi Rollover*/
#navi-footer ul{
	list-style-type: none;
	margin:0;
	padding:0;
}

#navi-footer li{
	display:inline;
}

/*CONTENTS AREA Page Layout */
#area-left{
	width:180px;
	height:100%;
	min-height:100%; 
	padding:0;
	margin:0;
	color:#FFFFFF;
	background: url(/images/bg-left.jpg) repeat-y;
	float:left;
	display:block;
}

#area-right{
	width:560px;
	margin-left:180px;
	padding:0 0 0 7px;
/* Padding-left should be 10px but it breaks the layout in IE*/
	display:block;
}

/*for IE6*/
* html body #area-right{
	width:560px;
	margin-left:0;
	padding:0;
	float:right;
/* Padding-left should be 10px but it breaks the layout in IE*/
	display:block;
}

/* floatq{bNXe{bNX͂ݏoĂ܂ۂ */

#area-right:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#area-right { display:inline-table; }

/* Mac IE ɂ͓KpȂ \*/
* html .contents { height:1px; }
#area-right { display:block; }
/*#area-right {
	float:right;
	vertical-align: top;
	display:block;
}*/
/* end MacIE5 */


/* 3 panel Definition */

/*3 panel Definition for Function*/
#area-3pane{
	display:block;
	width:750px;
	margin:0 0 5px 0;
	padding:0;
	text-indent: -9999px;
}

#area-3pane a:hover{
	background-position: 0 -206px;
}

#area-3pane a:active{
	background-position: 0 -206px;
}

/*Text Definition */
a:link{
	color:#638CB2;
}

a:visited {
	color:#638CB2;
}

a:hover {
	color:#BACBE0;
}

a:active {
	color:#BACBE0;
}

p{
	padding:0;
	margin:10px 0;
}

img {
	border:0 solid transparent;
	vertical-align: baseline;
}

img.top{
	vertical-align:top; !important
}

img.middle{
	 vertical-align:middle; !important
}

img.text-bottom{
	 vertical-align:text-bottom; !important
}

.title-blue{
	background-image:url(/images/bg-blue.jpg);
	width:740px;
	height:25px;
	background-repeat:repeat-y;
	padding:10px 0 7px 10px;
	color:#ffffff;
	font-size:100%;
}
	
h1.banner{
	padding:0 0 20px 0;
	margin:0;
}

h2.black{
	color: #221815;
	padding:15px 0 5px 0;
	margin:0;
	font-size:100%;
}

dt {
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

p.bdr-gry {
	line-height:140%;
	margin:10px 10px 0 10px;
	padding:0 0 0 10px;
	border-left:#999999 10px solid;
}

.float-clear{
	clear:both;
}

.float-right{
	float:right;
}

.float-left{
	float:left;
}

.invisible {
	display:none;
}

.clear{
	clear:both;
}

.text-blue01{
	color:#3F495D;
}

.text-blue02{
	color:#221815;
}

.pink {
	color: #e00072;!important
}	

.blue01 {
	color: #006491;!important
}	

.blue02 {
	color: #004E9B;!important
}	
	

.white {
	color: #ffffff;!important
}

.gray{
	color: #898989;
}

.green{
	color: #95C51B;
}

ul{
	margin:0;
	padding:0 0 0 15px;
}


.text-aligne-left{
	text-align:left;
}

.text-aligne-right{
	text-align:right;
}

.text-align-center{
	text-align:center;
}

.text-intro{
	display:block;
	padding:10px 0 30px 0;
	margin:0 0 30px 0;
	border-bottom:#999999 1px dotted;
}

.pad-0-mar-0{
	padding:0;
	margin:0;
}

.text-75{
	font-size:60%;
}


.text-120{
	font-size:120%;
}

.text-130-bold{
	font-size:130%;
	line-height:200%;
	font-weight:bold;
}

.intro-top {
	margin:0 0 10px 0;
	display:block;
}
/* floatq{bNXe{bNX͂ݏoĂ܂ۂ */

.intro-top:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.intro-top { display:inline-table; }

/* Mac IE ɂ͓KpȂ \*/
* html .contents { height:1px; }
.intro-top { display:block; }
/* end MacIE5 */

p.intro-left-wide {
	border-left:#999999 10px solid;
	display:block;
	padding:0 0 0 10px;
	margin:10px 0 10px 0;
}

p.intro-left-02{
	border-left:#999999 10px solid;
	display:block;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
}

p.intro-left {
	border-left:#999999 10px solid;
	width:550px;
	float:left;
	display:block;
	min-height:59px;
	padding:0 10px 0 10px;
}

p.intro-right{
	float:left;
	display:block;
	padding-bottom:20px;
}

.pad-top-50px{
	padding:50px 0 10px 0;
	display:block;
}

.pad-top-btm-10px{
	padding:10px 0;
}

.pad-top-10px{
	padding:10px 0 0 0;
}

.pad-left-10px{
	padding-left:10px;
}

.pad-left-50px{
	padding-left:50px;
}

.pad-btm-10px{
	padding:0 0 10px 0;
}

.pad-btm-20px{
	padding:0 0 20px 0;
}

.pad-btm-40px{
	padding:0 0 40px 0;
}

.border-gray{
	clear:both;
	border-top-width: 0.5px;
	border-style: solid none none none;
	color: #898989;
	height: 0.005px; 
}

.border-gray-dot{
	border-style: none none dotted none;
	border-top-width: 2px;
	border-top-color: #898989;
	height: 0.25px; 
}

ul.inside {
	list-style-position:inside;
}

#area-construction{
	clear:both;
	display:block;
	width:748px;
	text-align:center;
	padding-top:10px;
}

/* ff */
.baloon-jpn { 
	position:relative; top: -400px;
}

/* win IE6 */
* html .baloon-jpn { 
	position:relative; top: -420px;
}


.baloon-eng { 
	position:relative; top: -410px;
}


* html .baloon-eng { 
	position:relative; top: -426px;
}

/* win safari  */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.baloon-jpn {
		position:relative; top: -414px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.baloon-eng {
		position:relative; top: -414px;
	}
}