@charset "utf-8";
/* DEFAULT
==============================*/

* { padding: 0; margin: 0; }
body { padding: 20px 0 0 0; font-size: 12px; color: #555; line-height: 1.4; text-align: center; background: url(img/bg.gif) repeat-x; }
a { color: #bb9147; }
img { border: 0px; }
table { font-size: 100%; }
hr { clear: both; margin: 10px auto; }
/* LAYOUT
==============================*/

#container { width: 812px; margin: auto; text-align: left; }
body > #container { width: 810px; }
#header { position: relative; height: 95px; }
#center { position: relative; float: right; overflow: hidden; display: inline; background: #fff; }
/* HEADER
==============================*/
#header { position: relative; }
#header a { display: block !important; white-space: nowrap; }
#header * { position: absolute; left: 0px; top: 0px; font-size: 10px; font-weight: normal; color: #010101; text-decoration: none; }
#header h1 { position: absolute; left: 200px; top: 55px; width: 620px; padding-top: 50px; padding-right: 10px; z-index: 10000; font-size: 16px !important; font-weight: bold; color: #083b5b; text-align: right; background: url("img/title.gif") no-repeat; letter-spacing : 2px; }
#header>h1 { height: 30px; width: 610px; }
#header p img { left: 0px; top: 10px; }
#header h2 { left: 0px; top: 45px; }
#header h3 { left: 0px; top: 60px; }
#container #header p.headerP { left: 0px; top: -15px; color: #454545 !important; }
p#pan { position:absolute; top:100px; left:10px; color:#333333; }
/* CENTER
==============================*/
#center { width: 600px; margin-top: 40px; border: 0px solid red; }
.content { padding: 10px; margin-left:15px; border-top: 1px solid #dfdfdf; }
.content p { margin:0px 3px 20px 0px; font-size:12px; line-height:1.6em; color:#4c4c4c; }
/* TITLE
--------------------*/
#center h3, #center h4, #center h5, #center h6 { clear: both; padding:3px 0px 3px 10px; margin: 15px auto 10px; font-size: 14px; font-weight: bold; color: #454545; border-bottom:1px solid #eee; border-left:3px solid #54AED6; }
#center h3 a { color: #FFB535; text-decoration: none; }
/* NEW
--------------------*/
#center h3.whatsNew { height : 22px; line-height : 22px; background: url("img/hlwhats.jpg") no-repeat; }
.whats p { padding: 3px 0px 3px 20px; margin: 0px; border-bottom: 1px solid #dededd; background: url("img/new_arrow.gif") left top no-repeat; background-position: 5px 6px; }
/* item
--------------------*/
.item { width:555px; margin:3px 0px 20px 3px; }
.item td { padding:10px; vertical-align:top; line-height:1.5em; font-size:12px; border:1px solid #c2c2c2; }
.item th { background-color:#f0f0f0; line-height:1.5em; font-size:12px; border:1px solid #c2c2c2; padding:5px 5px 5px 10px; }

.note { background-color: #f4f4f4; padding:18px 8px 5px 8px; border:1px solid #C2C2C2; font-size:14px; margin:10px 7px 20px 7px; clear:both; }
.note p { font-size:12px; margin:8px 0px 5px 0px; line-height:150%; }
.note ol { padding:0 10px 5px 20px; }
.note ol li { font-size:12px; padding-bottom:10px; }
.note ul { padding:0px 0px 5px 0px; }
.note ul li { font-size:12px; padding-bottom:10px; list-style-type:disc;}


/* SIDENAVI
==============================*/
#sidenavi1 { position: relative; float: left; width: 199px; overflow: hidden; font-size: 12px; color: #acacac; display: inline; text-align: center; }
#sidenavi1 { text-align: center; background-color:#fff; margin-top:40px; }
#sidenavi1 p { padding: 2px; margin: 10px; font-size: 10px; text-align: left; }
#sidenavi1 .magazine div { /*
	padding: 2px ;
	margin: 10px ;
*/ margin: 0px; padding: 10px; font-size: 10px; text-align: center; }
#sidenavi1 .magazine h4 { margin: 0px 5px; text-align: center; }
#sidenavi1 .magazine img { margin: 0px; padding: 5px 0px 5px 0px; }
#sidenavi1 .magazine p { text-align: left; margin: 0px; padding: 5px 10px; }
#sidenavi1 h4 { font-size: 12px; margin-bottom : 5px; text-align: left; }
#sidenavi1 img { margin-bottom :15px; }
/* NAVI
--------------------*/
#sidenavi1 h3 { padding: 5px 5px 5px 10px; font-size: 12px; color: #4c4c4c; text-align: left; background:#eee; height : 1%; }
#sidenavi1 #menu { line-height: 1; text-align: left; border: 1px solid #d0d4d8; }
#sidenavi1 #menu ul { margin-bottom: 10px; }
#sidenavi1 #menu li { width: 100%; line-height: 1; list-style-type: none; }
#sidenavi1 #menu li a { padding: 8px 10px 8px 25px; font-size: 12px; color: #0066cc; text-decoration: none; display: block; background: url("img/icon/maru.gif") no-repeat; background-position: 5px 8px; }
#sidenavi1 #menu li a:hover { text-decoration:underline; }
/* FOOTER 
==============================*/
#footer { clear: both; padding: 10px; overflow: hidden; height : 1%; border-top: 1px solid #dfdfdf; }
#footer * { font-weight: normal; }
#footer h3 { padding-top: 0px; margin-bottom: 0; font-size: 10px; color: #999; }
#footer p { margin-top: 0; margin-bottom: 0; font-size: 10px; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #999; text-decoration: none; }
#footer img { margin-left: 10px; }
/* Ishizaki add
--------------------*/


#center h4 { color: #334a06; margin-left: 5px; padding-left: 20px; line-height: 30px; background: url("img/hl4.jpg") no-repeat left bottom; height : 30px; margin : 0px; font-weight : bold; margin-top : 5px; }
#center h5 { color: #334a06; margin-left: 5px; padding-left: 20px; line-height: 30px; background: url("img/hl5.jpg") no-repeat left bottom; height : 30px; margin : 0px; margin-top : 5px; }
#center blockquote { margin-left: 20px; padding-left: 10px; border-left: 8px solid #6bbf3f; }
#center dt { margin-top: 1em; margin-left: 2em; font-weight:bold; }
#center dd { margin-left: 4em; }
#center ul { margin-left: 2em; list-style-type: square; }
#center ul ul { list-style-type: disc; }
#center ul ul ul { list-style-type: circle; }
/* テーブルの設定 */
#center caption { /*
*/ margin: 0; padding: 0; white-space: nowrap; font-weight: bold; }
#center th { }
#center thead td, #center tfoot td { font-weight: bold; /*
	text-align: center !important;
	background-color: #CCFF99 !important;
*/ border-bottom: 1px solid #fff; color: #fff; text-align: center; white-space: nowrap; background: #999; }
#center thead a, #center tfoot a { color: #fff; }
#center col.right { text-align: right !important; }
#center col.center { text-align: center !important; }
#center col.left { text-align: left !important; }
#center col.article { text-align: center !important; font-weight: bold !important; background-color: #dcdcdc !important; }
#center col.hatching { background-color: #dcdcdc !important; }
table.chart { width: auto !important; }
.chart th { padding: 0px !important; border-bottom: none !important; background: #FFFFFF !important; }
.chart td { padding: 0px !important; border-bottom: none !important; background: #FFFFFF !important; }
.chart img { border: 0 !important; padding: 0 !important; }
/*command-----------------------------------------------------------*/

.clear { clear : both; }
.left { float : left; }
.right { float : right; }
.right { text-align:right; margin-right:35px; }
/*main-------------------------------------------------------------*/


/*left-------------------------------------------------------------*/
.l_bg { background:url(img/bg/side.gif) repeat-y; }
/*link--------------------------------------------------------------*/

a { color : #0066cc; text-decoration : underline; }
a:hover { color : #0066cc; text-decoration : underline; }
a:active { color : #0066cc; text-decoration : underline; }
/*footer-----------------------------------------------------------*/
#footer { background:url(img/bg/footer.gif) no-repeat 0 0; height:53px; }
/*class--------------------------------------------------------------*/
.afi { font-weight:bold; font-size:18px; }
.red { color:#cc0000; font-weight:bold; }
.b { font-weight:bold; font-size:14px; }
.b0 { font-weight:bold; }
.yellow { background:#FFFF00; }
.arrow { background:url(img/list/arrow.gif) no-repeat 0px 0px; padding-left:16px; }
.img_r { margin-left:15px; border:1px solid #c2c2c2; padding:5px; margin: 10 0 0 15px; }
.img_r2 { margin-left:15px; margin: 10 0 0 15px; }
.img_l { margin-right:15px; border:1px solid #c2c2c2; padding:5px; margin-bottom:15px; }
.img_l2 { margin-right:15px; margin-bottom:15px; }