@charset "Shift_JIS";

* {
	margin: 0;
	padding: 0;
}

/*format all
-----------------------------------------------*/

h1,h2,h3,h4,h5,h6,p,em,strong,address,ul,ol,li,div,img,object{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	border: none;
}

h1,h2,h3,h4,h5,h6{ /*NN6*/
	line-height: 0px;}

body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: center;	/*for IE*/
	color: #333;
	background: url(../images/background.gif) #fff repeat-x top left;}

 html body {
	margin: 0 0 0 0;
}



/*Start    for IE only
-----------------------------------------------*/
* html body {
	margin: 0 0 0 16px;}


*+html body{
	margin: 0 0 0 16px;
}


/*-----------------------------------------------*/





th{
	text-align: left;
	font-weight: normal;
}

ul,ol{
	list-style-type: none;
}

strong{
	font-weight: bold;
}







/*all page
-----------------------------------------------*/




div#headtext{display:none;}

div#head{width:768px;
	text-align: center;
	margin: 0 auto;		/*all for no-IE*/}

div#caption{text-align:right;
	color:#ffffff;
	margin:2px 4px 0 0;
	height:14px;}

div#logo{float:left;
	width:418px;
	height:44px;
	margin:25px 4px 0 5px;}

div#dial{margin:15px 4px 0 450px;
	text-align:right;}



table#container{
	width:768px;
	text-align: center;
	margin: 5px auto 15px auto;		/*all for no-IE*/
	padding:0;}


table#container td#breadcrumbslist{
	background:url(../images/breadcrumbslist.gif) #fff no-repeat left top;
	height:30px;
	text-align:right;
	font-size:11px;
	padding:3px 15px 0 0;
	vertical-align:middle;}

td#breadcrumbslist a:link{ color: #7D7D7D; text-decoration:underline;}
td#breadcrumbslist a:visited{ color: #7D7D7D; text-decoration:underline;}
td#breadcrumbslist a:active{ color: #7D7D7D; text-decoration:underline;}
td#breadcrumbslist a:hover{ color: #fff; text-decoration:underline; background-color:#7D7D7D;}

td#breadcrumbslist img{margin:0 5px 0 0;}

table#container td#leftshadow{
	background:url(../images/leftshadow.gif) #fff repeat-y left top;
	width:4px;
	vertical-align:top;}

table#container td#rightshadow{
	background:url(../images/rightshadow.gif) #fff repeat-y left top;
	width:4px;
	vertical-align:top;}


table#container td#footer{
	height:66px;
	text-align:right;
	font-size:12px;
	vertical-align:top;}


table#navigation {width:210px;
	margin:0 0 10px 1px;
	text-align:left;}

td#main {text-align:center;
	width:550px;
	padding:0 9px 0 10px;}


div#pagetop {margin:10px 0 20px 0;
	text-align:right;}



img#chara{margin:5px 10px 5px 5px;}

img#chara2{margin:10px 5px 10px 5px;}



/*basic
-----------------------------------------------*/

a:link{ color: #0068B7; text-decoration:none;}
a:visited{ color: #900; text-decoration:none;}
a:active{ color: #F00; text-decoration:none;}
a:hover{ color: #F00; text-decoration:none;}


.xxs-10{ font-size: 9px; font-weight:normal; line-height:normal; }
.xxs-12{ font-size: 9px; font-weight:normal; line-height:120%; }
.xxs-14{ font-size: 9px; font-weight:normal; line-height:140%; }
.xxs-16{ font-size: 9px; font-weight:normal; line-height:160%; }

.xs-10{ font-size: 10px; font-weight:normal; line-height:normal; }
.xs-12{ font-size: 10px; font-weight:normal; line-height:120%; }
.xs-14{ font-size: 10px; font-weight:normal; line-height:140%; }
.xs-16{ font-size: 10px; font-weight:normal; line-height:160%; }

.xs-10b{ font-size: 10px; font-weight:bold; line-height:normal; }
.xs-12b{ font-size: 10px; font-weight:bold; line-height:120%; }
.xs-14b{ font-size: 10px; font-weight:bold; line-height:140%; }
.xs-16b{ font-size: 10px; font-weight:bold; line-height:160%; }

.s-10{ font-size: 11px; font-weight:normal; line-height:normal; }
.s-12{ font-size: 11px; font-weight:normal; line-height:120%; }
.s-14{ font-size: 11px; font-weight:normal; line-height:140%; }
.s-16{ font-size: 11px; font-weight:normal; line-height:160%; }

.s-10b{ font-size: 11px; font-weight:bold; line-height:normal; }
.s-12b{ font-size: 11px; font-weight:bold; line-height:120%; }
.s-14b{ font-size: 11px; font-weight:bold; line-height:140%; }
.s-16b{ font-size: 11px; font-weight:bold; line-height:160%; }

.m-10{ font-size: 12px; font-weight:normal; line-height:normal; }
.m-12{ font-size: 12px; font-weight:normal; line-height:120%; }
.m-14{ font-size: 12px; font-weight:normal; line-height:140%; }
.m-16{ font-size: 12px; font-weight:normal; line-height:160%; }

.m-10b{ font-size: 12px; font-weight:bold; line-height:normal; }
.m-12b{ font-size: 12px; font-weight:bold; line-height:120%; letter-spacing:1px;}
.m-14b{ font-size: 12px; font-weight:bold; line-height:140%; letter-spacing:1px;}
.m-16b{ font-size: 12px; font-weight:bold; line-height:160%; letter-spacing:1px;}

.l-10{ font-size: 14px; font-weight:normal; line-height:normal; }
.l-12{ font-size: 14px; font-weight:normal; line-height:120%;}
.l-14{ font-size: 14px; font-weight:normal; line-height:140%;}
.l-16{ font-size: 14px; font-weight:normal; line-height:160%;}

.l-10b{ font-size: 14px; font-weight:bold; line-height:normal; }
.l-12b{ font-size: 14px; font-weight:bold; line-height:120%; letter-spacing:1px;}
.l-14b{ font-size: 14px; font-weight:bold; line-height:140%; letter-spacing:1px;}
.l-16b{ font-size: 14px; font-weight:bold; line-height:160%; letter-spacing:1px;}

.xl-10{ font-size: 18px; font-weight:normal; line-height:normal; }
.xl-12{ font-size: 18px; font-weight:normal; line-height:120%; }
.xl-14{ font-size: 18px; font-weight:normal; line-height:140%; }
.xl-16{ font-size: 18px; font-weight:normal; line-height:160%; }

.xl-10b{ font-size: 18px; font-weight:bold; line-height:normal; }
.xl-12b{ font-size: 18px; font-weight:bold; line-height:120%; letter-spacing:1px;}
.xl-14b{ font-size: 18px; font-weight:bold; line-height:140%; letter-spacing:1px;}
.xl-16b{ font-size: 18px; font-weight:bold; line-height:160%; letter-spacing:1px;}