@charset "Shift_JIS";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background:white;
	font-size:small;
	font-family:verdana,"Hiragino Kaku Gothic Pro",Osaka,Meiryo,"MS PGothic",Sans-Serif;
	color:#4d4d4d;
	line-height:150%;
	background:url(../img/bg.gif) repeat-y;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:165%;
}

img,
fieldset {
	border:0;
}


/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	color:#0033cc;
	text-decoration:none;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:955px;
	margin:0px;
/*	background:url(img/bg.gif) repeat-y;
*/
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	margin-bottom:10px;
	height:140px;
	color:black;
}

#title {
	height:134px;
	float:right;
}


#link {
	width:955px;
	height:40px;
	background:#B0DE8C;
	float:left;
	margin-bottom:5px;
	background:url(../img/bg-link.gif) repeat-x;
	display:inline;  

}
#link p {
	height:40px;
	float:right;
	padding:0px;
	margin:0px;
}
#link p.about {
	background:url(../img/bg-link-about.gif) no-repeat;
	text-indent: 23px;
	float:right;
	width:165px;
	padding:9px 0px;
	margin:0px;
	font-size:15px;
}
#link p.about_nolink {
	background:url(../img/bg-link-about-nolink.gif) no-repeat;
	text-indent: 23px;
	float:right;
	width:165px;
	padding:9px 0px;
	margin:0px;
	font-size:15px;
	color: #444444;
}
#link p.contact {
	background:url(../img/bg-link-about.gif) no-repeat;
	text-indent: 23px;
	float:right;
	width:115px;
	padding:9px 0px;
	margin:0px;
	font-size:15px;
}
#link p.contact_nolink {
	background:url(../img/bg-link-about-nolink.gif) no-repeat;
	text-indent: 23px;
	float:right;
	width:115px;
	padding:9px 0px;
	margin:0px;
	font-size:15px;
	color: #444444;
}
#codearea {
	width:210px;
	height:120px;
	line-height: 200%;
	background:#4FB500;
	float:left;
	padding:40px 15px 0px 20px;
	margin:0px;
	font-size: 15px;
}
p.codeareatext{
	margin:0px;
}


#cid{
	background: url(../img/watermark.gif) no-repeat #fff; 
	background-position: left center;
}

.text {
	font-size: x-large;
	width: 100px;
	text-align: center;
}
.submit {
	font-size: large;
	width: 90px;
}
#codearea strong,.error {
	color:#cc0000;
}

/*-----------------------------------------------
 __fontsize
-----------------------------------------------*/

ul.fontsize{
	display:block;
	width:185px;
	height:40px;
	float:right;
}

li.size{ 
	background:url(../img/bg-link-size.gif) no-repeat ;
	text-indent: -9999px;
	_text-indent: -9999px;
	width:85px;
	height:40px;	
	float:right;
}
li.right{ 
	width:5px;
	height:40px;	
	float:right;
}

li.standard,li.large,li.small{ 
	width:30px;
	height:40px;	
	float:right;
}
li.large{ 
	width:36px;
}
li.standard a:link{ 
	background:url(../img/size_02.gif) no-repeat ; 
	text-indent:-9999px;
	_text-indent: -9999px;
	width:30px;
	height:40px;	
	float:right;
}
	
li.standard a:visited {background:url(../img/size_02.gif) no-repeat 0px -40px; }
li.standard a:hover   {background:url(../img/size_02.gif) no-repeat 0px -40px; }
li.standard a:active  {background:url(../img/size_02.gif) no-repeat 0px -40px; }

li.large a:link{ 
	background:url(../img/size_03.gif) no-repeat ;
	text-indent: -9999px;
	_text-indent: -9999px;
	width:36px;
	height:40px;	
	float:right;
}
li.large a:visited {background:url(../img/size_03.gif) no-repeat 0px -40px; }
li.large a:hover   {background:url(../img/size_03.gif) no-repeat 0px -40px; }
li.large a:active  {background:url(../img/size_03.gif) no-repeat 0px -40px; }

li.small a:link{ 
	background:url(../img/size_01.gif) no-repeat 0px -40px;
	text-indent: -9999px;
	_text-indent: -9999px;
	width:30px;
	height:40px;	
	float:right;
}
li.small a:visited {background:url(../img/size_01.gif) no-repeat 0px -40px; }
li.small a:hover   {background:url(../img/size_01.gif) no-repeat 0px -40px; }
li.small a:active  {background:url(../img/size_01.gif) no-repeat 0px -40px; }



/*-----------------------------------------------
 __breadcrumbs
-----------------------------------------------*/

#breadcrumbs {
	float:left;
	margin:5px 0px 5px 0px;
	padding-left:16px;
	width:940px;
	color:black;
}
html*#breadcrumbs {
	margin:-25px 0px 5px 0px;
}

#breadcrumbs a:hover {
	color:#0063E6;
	text-decoration:underline;
}


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

#footer {
	clear:both;
	width: 935px;
	padding: 11px 0 30px 0;
	background: url(../img/cmn_footer_line.gif) no-repeat left top;
}

#footer .fnav {
	float: left;
	width: 685px;
}

#footer li {
	display: inline;
	color: #cccccc;
	font-size:12px
}

#footer ul.mark {
	float: right;
	width: 237px;
}

#footer ul.mark li {
	display: block;
	float: left;
	padding-left: 9px;
}

#footer p#copyright {
	float: left;
	width: 685px;
	padding-top: 3px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px
}


/*-----------------------------------------------
 __TOP-contents
-----------------------------------------------*/
#topcontents{
	_margin-top:-42px;
}

#topcontents p {
	width:920px;
	padding:5px 0px 5px 0px;
	margin-top:20px;
	margin-bottom:5px;
	font-size:23px;
	letter-spacing:1px;
}
	
#topcontents h1 {
	line-height:165%;
	padding:5px 5px 5px 12px;
	margin-bottom:5px;
	margin-top:15px;
	font-size:19px;
	background:url(../img/bg-top-h1.jpg) ;
}

	
#topcontents h1 a {
	color:black;
}

#theme {
	width:925px;
	padding:0px 15px;
	float:left;
}
	
#theme .theme-left{
	width:447px;
	padding-right:30px;
	float:left;
}

#theme .theme-right{
	width:447px;
	float:right;
}

#theme li{
	margin-top:5px;
	padding-left:42px;
	text-indent: -28px;
}

#update ul, #topics ul{
	margin:10px 15px 15px 15px;
	padding-left:34px;
	text-indent: -32px;
}
#theme li a:hover {
	color:#0033cc;
	text-decoration:underline;
}



/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	width:955px;
	float:left;
	margin-bottom:10px;
	background:url(../img/bg-contents.gif) repeat-y;
	display:inline;
}



/* __main
------------------------------------------*/

#main {
	float:left;
	width:655px;
	padding:0px 15px 15px 15px;
	background:#FFFFFF;
}
html* #main {
	float:left;
	width:655px;
	padding:0px 0px 15px 15px;
	background:#FFFFFF;
}


#main a:hover {
	color:#0033cc;
	text-decoration:underline;
}
#main h2 {
	padding:5px 5px 5px 75px;
	margin-bottom:5px;
	font-size:145%;
	letter-spacing:1px;
	line-height:140%;
	background:#B2D0F7;
	background:url(../img/bg-main-h2.gif) repeat-y;
	text-indent: -52px;
}
	
#main h3 {
	padding:5px 5px 5px 90px;
	margin:40px 0px 5px 0px;
	font-size:113%;
	letter-spacing:1px;
	background:url(../img/bg-main-h3.jpg) repeat-y;
	text-indent: -72px;
}

#main h4 {
	font-size:107%;
	letter-spacing:1px;
	margin:30px 0px 5px 0px;
	padding:2px 5px 1px 35px;
	border-left:solid 5px;
	border-left-color:#FF6633;
	border-bottom:solid 2px;
	border-bottom-color:#FF9933;
	text-indent: -30px;
}

#main h5 {
	font-size:100%;
	letter-spacing:1px;
	margin:20px 0px 5px 0px;
}
	
#main h6 {
	font-size:100%;
	letter-spacing:1px;
	margin:20px 0px 5px 0px;
}

/* ---gaiyou----*/

#gaiyou {
	background:#E5EFFC;
	padding:0px 0px 10px 0px;
	margin:0px 0px 30px 0px;
}
p.gaiyou {
	background:#E5EFFC;
	padding:15px 15px 10px 15px;
	margin:0px;
}

/* ---gaiyou   1) list----*/

ul.gaiyou-list{
	padding:0px 15px 0px 0px;
	margin:0px;
}
ul.gaiyou-list li{
	text-indent: -19px;
	margin:0px 0px 5px -27px;
}

/* ---gaiyou (1) list----*/

ul.gaiyou-list-2{
	padding:0px 15px 0px 0px;
	margin-left:10px;
}
ul.gaiyou-list-2 li{
	text-indent: -27px;
	margin:0px 0px 5px -18px;
}

/* ---gaiyou-maru list----*/

ul.gaiyou-list-maru{
	padding:0px 25px 10px 5px;
}
ul.gaiyou-list-maru li{
	text-indent: -15px;
	margin:0px 0px 5px -35px;
}
.gaiyou-list-maru li:first-letter{
   	letter-spacing: 3pt;
}

/* ---gaiyou-1----*/

div.gaiyou-note {
	font-size:88%;
	background:#E5EFFC;
	padding:0px 40px 10px 10px;
	text-indent: -25px;
	margin:-20px 0px 0px 0px;
}
div.gaiyou-note  li{
	padding:0px;
	margin:0px;
}





p.kajou {
	display:block;
	background:#E5EFFC;
	padding:15px;
	text-indent: -10px;
	margin:-20px 0px 0px 5px;
}

/* ---zu----*/
p.zu{
	text-align:center;
	margin:20px 0px 15px 0px;
}
div.zu-box{
	border:solid 2px;
	border-color:#e9967a;
	margin:30px 20px 30px 20px;
	padding:15px;
	background:#fff5ee;
}




/* ---honbun----*/
p.honbun{
	margin:10px 0px 15px 40px;
}

/* ---notice----*/
div.notice{
	border:solid 1px;
	border-color:#999;
	margin:10px 30px 10px 30px;
	padding:15px 15px 0px 15px;
	font-size:88%;
	line-height: 110%;
	background:url(../img/notice.gif)  no-repeat #fff;
}
div.notice ul {
	margin:-10px 0px 20px 0px;
	padding:0px;
	text-indent: -10px;
	line-height: 140%;
}
div.notice ul li{
	margin:-5px 0px 15px -10px;
	padding:-10px;
	text-indent: -7px;
	line-height: 140%;
}

div.notice p{
	margin:5px 0px 5px 0px;
	padding:0px 0px 10px 45px;
	line-height: 140%;
}


/* ---nae-tsugi----*/

.h3-jump-1{
	width:50px;
	height: 30px;
	clear:both;
	padding:0px 25px 0px 611px;
	margin:0px;
}
html*.h3-jump-1{
	padding:0px 0px 0px 611px;
}

.h3-jump-2{
	width:100px;
	height: 30px;
	clear:both;
	padding:0px 25px 0px 559px;
}
html*.h3-jump-2{
	padding:0px 0px 0px 559px;
}
.h3-jump-mae{
	width:24px;
	text-indent: -9999px;
	padding:0px 22px 0px 0px;
	background:url(../img/jump_01.gif)  no-repeat;
	float:left;
}

.h3-jump-center{
	width:8px;
	text-indent: -9999px;
	padding:0px 0px 0px 0px;
	background:url(../img/jump_02.gif)  no-repeat;
	float:left;
}

.h3-jump-tsugi{
	width:24px;
	text-indent: -9999px;
	padding:0px 20px 0px 0px;
	background:url(../img/jump_03.gif)  no-repeat;
	float:left;
}

#main ul{
	margin:10px 0px 5px 60px;
	text-indent:-17px;
}



#main ul.link{
	margin:10px 0px 5px 85px;
	text-indent:-45px;
}

/* ---�P) list----*/
#main dl{
	margin:10px 0px 15px 40px;
}
#main dt{
	margin:10px 0px 5px 25px;
	text-indent:-19px;
	font-weight:bold;
}
#main dd{
	margin:0px 0px 15px 23px;
}
#main dd.list{
	margin:0px 0px 5px 40px;
	text-indent:-10px;
}
dd.dd-list{
	text-indent: -14px;
	margin:0px 0px 0px 15px;
}

/* ---gokai1)list----*/
#main dl.gokai{
	margin:10px 0px 15px 30px;
}
#main dt.gokai{
	margin:15px 0px 5px 63px;
	text-indent:-53px;
	font-weight:bold;
}
#main dd.gokai{
	margin:0px 0px 15px 63px;
}

/* ---list-maru----*/

#main ul.maru{
	margin:30px 5px 30px 65px;
	list-style-type: disc;
}
#main ul.maru li{
	text-indent: -12px;
	_text-indent: -8px;
	margin:0px 0px 5px 5px;
}
#main ul.maru li:first-letter{
   	letter-spacing:2pt;
   	_letter-spacing:5pt;
}

/* ---list-maru----*/

li.maru-list-2{
	text-indent: -14px;
	_text-indent: -25px;
	margin:5px 0px 5px 15px;
	_margin:5px 0px 5px 10px;
}
li.maru-list-3{
	text-indent: -14px;
	margin:-15px 0px 5px 5px;
}

/* ---*indent----*/
.indent1{
	margin-left: 2em;
	text-indent: -1em;
	margin-bottom:20px;
	font-size: 90%;
}
.indent2{
	margin-left: 2em;
	text-indent: -4.7em;
	margin-bottom: 7px;
}
.indent3{
	margin-left: 2em;
	text-indent: -4.3em;
	margin-bottom: 7px;
}



/* ---*1----*/
div.note {
	font-size:88%;
	padding:10px 20px 10px 30px;
	margin:10px 0px 0px 0px;
}
div.note li{
	padding:0px 20px 0px 10px;
	text-indent: -22px;
	line-height: 135%;

	margin:0px;
}

/* ---caption----*/
.caption{
	text-align:center;
	margin:30px 0px -20px 0px;
	font-size:94%;
	font-weight:bold;
}

/* ---tejun----*/

#main .tejun{
	margin:10px 0px 15px 70px;
	text-indent: -30px;
}

#main .tejun-link{
	margin:25px 0px 25px 70px;
	text-indent: -30px;
}

#main .tejun img{
	vertical-align:text-top ;
}

#main .tejun-link img{
	vertical-align:text-top ;
}
#main .tejun p{
	margin:30px 0px 10px 0px;
	text-indent: -30px;
}


/* ---table----*/

table {
	margin-top:30px;
	margin-left:40px;
	font-size:94%;
   width: 600px;
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table th ,thead {
    padding: 8px;
    border: #999 solid;
    border-width: 0 0 1px 1px;
    background: #E5EFFC;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table td {
    padding: 8px;
    border: 1px #999 solid;
    border-width: 0 0 1px 1px;
}
table td.center {
    text-align: center;
}
table td p ,table th p  {
	margin:0;
     padding: 0px;
}
table td p.check2 {
	font-size:138%;
    line-height: 80%;

}
table th.th2  {
   width: 7em;
}
table th.th3  {
   width: 8em;
}
table th p.left {
    text-align: left;
}
table th.th11 {
   width: 10em;
}

table.mail {
	margin-left:15px;
	margin-top:0px;
    border: 0px;
}
table.mail tr td{
    border: 0px;
}
table.mail tr td img{
    border: 1px;
}

/* ---table-2----*/

table.table-2 {
	margin-top:30px;
	margin-left:40px;
	font-size:94%;
   width: 600px;
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-2 th ,thead {
    padding: 8px;
    border: #999 solid;
    border-width: 0 0 1px 1px;
    background: #E5EFFC;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table.table-2 td {
    padding: 8px;
    border: 1px #999 solid;
    border-width: 0 0 1px 1px;
}
table.table-2 td.2 {
    padding: 8px;
    border: 0px #fff solid;
    border-left: 0px #fff solid;
}

/* ---table-3()----*/
table.table-3 {
   width: 600px;
    border: 1px;
    border-width: 0px;
    padding: 0px;
}
table.table-3 td {
    border-width: 0px;
    padding: 0px;
    vertical-align: bottom;
}



/* ---table-4(in-table)----*/

table.table-4-1 {
	margin-top:0px;
	margin-left:0px;
	font-size:94%;
   width: 200px;
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-4-1 th ,thead {
    padding: 8px;
    border: #999 solid;
    border-width: 0 0 1px 1px;
    background: #E5EFFC;
    font-weight: bold;
    height:20px;
    text-align: center;
}

table.table-4-2{
	margin:0px;
    padding: 8px;
    border: 1px #999 solid;
    border-width: 0 0 1px 1px;
    height:20px;
   width: 30px;

}
table.table-4-2 td {
    padding: 8px;
    border: 1px #999 solid;
    border-width: 0 0 1px 1px;
    height:20px

}
table.table-4 td.2 {
    padding: 8px;
    border: 0px #fff solid;
    border-left: 0px #fff solid;
}

/* ---table-check----*/

table.table-check{
	margin-top:30px;
	margin-left:40px;
	font-size:94%;
	width: 580px;
	background: #E5EFFC;
	_border-width: 0px 0px 0px 0px;
}
table.table-check td p ,table th p{
	vertical-align: top;
	margin:0px;
	padding: 0px;
}
table.table-check td p.check{
	font-size:180%;
	_font-size:18px;
	color:#666 ;
}
table.table-check td {
	vertical-align:text-top ;
	padding: 2px 8px 8px 10px;
	border-top: 2px #666 dotted;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 2px #999 dotted;
	background: #fff;
	_padding:15px 8px 8px 10px;

}
table.table-check td.solid {
	border-top: 2px #666 solid ;
}

em.check{
	vertical-align: top;
	font-style:normal;
   }



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

span.bold{
	font-weight:bold;
}
span.star{
}
span.note{
	font-size:94%;
}
span.white{
	color:white;
}




/* ---ruby----*/
span.ruby{
	font-size:82%;
}

/* ---first-letter ----*/

span.prnt-h1{
	color:#333333;
}
span.prnt-t1{
	color:#333333;
	font-weight:bold;
}
span.prnt-s1{
	color:#0000ff;
}

span.mark-s1{
	color:#000;
	font-size:120%;
	line-height: 70%;
	_font-size:60%;
	_line-height: 100%;
   	_letter-spacing:5pt;
}
span.mark-t1{
	color:#000;
	font-size:120%;
	line-height: 70%;
   	letter-spacing:2pt;
	_font-size:60%;
	_line-height: 100%;
   	_letter-spacing:5pt;
}
span.mark-t2{
	color:#0033CC;
/*	background:url(../img/bg_menu-h1-1.jpg)  no-repeat;*/
}
span.prnt-gokai{
	color:#E03837;
	font-weight:bold;
}


/* ---hr----*/

#main hr{
	border-style:solid;
	border-color:#BCBCBC;
	width: 100%;
	margin-bottom:30px;
}

/* ---Excel-icon----*/

.icon_dl{
	padding:10px 20px 10px 45px;
	float:left;
}



/* __side-menu
------------------------------------------*/

#menu {
	float:right;
	width:268px;
	padding:0px;
	font-size:15px;
	_font-weight:bold;
}

#menu ul {
	display:block;
	line-height:120%;
	text-decoration:none;
}
#menu ul li {
	display:block;
	padding:0;
	margin:0px 0px 0px 0px;
}

#menu ul li.h1 a {
	display:block;
	padding:2px 20px 2px 10px;
	margin-top:0px;
	background:url(../img/bg_menu-h1-1.jpg)  no-repeat;
	_padding:0px 20px -0px 10px;
	_margin:0px 0px -22px 0px;
	_height:51px;
	_font-weight:strong;

}
#menu ul li.h1 a:hover {
	display:block;
	padding:2px 20px 2px 10px;
	margin-top:0px;
	background:url(../img/bg_menu-h1-1-on.jpg)  no-repeat;
	color:#FFF;
	text-decoration:none;
	_padding:0px 20px 0px 10px;
}

#menu ul li.h2 a{
	display:block;
	text-indent: -30px;
	padding:4px 25px 5px 40px;
	background:white;
	line-height:120%;
	margin:0px 2px 0px 0px;
	_margin:0px 2px -25px 0px;
}
#menu ul li.h2 a:hover {
	background:url(../img/bg_menu-h2.jpg)  repeat-y;
	text-decoration:none;
	_margin:0px 2px -25px 0px;
	line-height:120%;
/*	font-weight:bold;
	color:#000;�@*/
}

#menu ul li.h1-on {
	display:block;
	padding:2px 20px 2px 10px;
	margin:0px;
	background:url(../img/bg_menu-h1-1-on.jpg)  no-repeat;
	color:#FFF;
	_padding:0px 20px 0px 10px;
	_margin:0px 0px -27px 0px;
	_height:51px;
}

#menu ul li.h2-on a{
	display:block;
	text-color:#000000;
	text-indent: -30px;
	padding:4px 25px 5px 40px;
	background:url(../img/bg_menu-h2.jpg)  repeat-y;
	color:#000;
	line-height:120%;
	margin:0px 2px 0px 0px;
	_margin:0px 2px -25px 0px;
}

#menu ul li.h3 {
	text-indent: -35px;
	font-size:14px;
	margin-top:-1px;
	padding:5px 20px 5px 45px;
	background:url(../img/bg_menu-h3.jpg)  repeat-y;
	line-height:130%;
}


/* __topics
------------------------------------------*/

dl.topics{
	padding:0px 20px 60px 15px;
	display:block;
	width:900px;
	_margin-bottom:-50px;
}
dl.topics dt{
	padding:0px 0px 10px 10px;
	display:block;
			float:left;
	width:100px;
}
dl.topics dd{
	padding:0px 20px 0px 10px;
	display:block;
			float:left;
	width:700px;
}

/* __news
------------------------------------------*/

ul.news{
	padding:0px 20px 0px 0px;

}
ul.news li{
	padding:5px 20px 0px 15px;
}

/*-----------------------------------------------
 __pagetop
-----------------------------------------------*/

.pagetop {
	font-size:15px;
	float:right;
	padding:1px;
	margin:0px;
}


/*-----------------------------------------------
 __print
-----------------------------------------------*/

@media print{
    container{
        overflow: visible !important;
    }
	div#contents{ display:table;
    	direction:rtl; }

	div#main{ display:table-cell; float:none;
        float:none; 
        direction:ltr; }

	div#menu{ display:table-cell; float:none; 
        float:none; 
        direction:ltr; }
	body {
		background:white;
}
#menu ul li.h1 a {
	padding:2px 5px 2px 10px;
	font-size:95%;
}
#menu ul li.h1-on {
	padding:2px 5px 2px 10px;
	font-size:95%;
}


}