@charset "utf-8";
/* ****************************************************
Since : 2008-06-03
Last Modified: 2008-06-03
***************************************************** */

/*1: font setting
=========================================*/
body {
	color:#000000;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}

a:link {
	color:#007bb4;
}
a:visited {
	color:#005d88;
}
a:active {
	color:#c62026;
}
a:hover {
	color:#c62026;
}
a[name]:hover{
	color:#c62026;
}

/* ==================================
Header
================================== */
#headerSkip,
h2.anchor,
div#page-navi p#pankuzu span {
	color:#ffffff;
}

#header #header-right-box .search-area {
	font-size:0;
}

/* Header option */
#header #header-right-box #header-option {
	font-size:83%;
}

/* global-navi */
#global-navi {
	font-size:0;
}

/* page-navi list */
div#page-navi p {
	font-size:83%;
}
div#page-navi p strong {
	font-weight:normal;
	color:#666666;
}

/* ==================================
Footer
================================== */
#footer #pageup-box p {
	font-size:83%;
}
#footer-contents {
	font-size:83%;
}
#footer-layout p {
	font-size:0;
}
#footer-layout {
	font-size:83%;
}

/* ==================================
Navigation
================================== */
/* right Navigation */
div#contents div#category-navi {
	font-size:83%;
}
div#contents div#category-navi ul li a {
	color: #333333;
}
div#contents div#category-navi ul li a:hover {
	color: #333333;
}

/* Development menu */
div#contents div#category-navi ul li.on span {
	color: #333333;
}

/* other menu */
div#contents div#category-navi ul li.on-menu a,
div#contents div#category-navi ul li.on-menu a:hover {
	color: #333333;
}
div#contents div#category-navi ul li.on-menu span {
	color: #333333;
}


/* Three hierarchical menus */
div#contents div#category-navi ul.three-menu li a {
	color: #007bb4;
}
div#contents div#category-navi ul.three-menu li a:hover {
	color: #c62026;
}
div#contents div#category-navi ul.three-menu li.on span {
	color: #333333;
}

/* ==================================
Common setting
================================== */
/* text */
div#contents .text-inside {
	color:#993333;
}
div#contents div#content-title h1 {
	font-size:125%;
	font-weight:normal;
}
div#contents div#content-title h1 a {
	font-size:125%;
	color:#000000;
	font-weight:normal;
}
div#contents div#content-title h1 a:hover {
	font-size:125%;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
div#contents div#content-title h1 a #sub-title {
	display:block;
	margin-top:10px;
	font-size:60%;
}
div#contents div#content-title h1 a .top {
	margin-bottom:10px;
}
div#contents div#content-title #sub-text {
	font-weight:bold;
	color:#993333;
	font-size:83%;
}

/*===================================
Layout with frame
===================================*/
div#contents dl.frame-box dt {
	font-weight:bold;
}
div#contents dl.special-link dt {
	font-weight:bold;
	color:#993333;
}


/*2: Navigation
=========================================*/
/* right Navigation */
div#contents div#category-navi {
	float: right;
	width: 200px;
	margin: 0 0 30px 0;
	padding:0;
}
div#contents div#category-navi .wrap {
	padding:8px 0 0 0;
	margin: 12px 0 0 0;
	background: url(../images/com_bg002.gif) no-repeat top left;
}
/* for IE6 */
* html div#contents div#category-navi .wrap {
	height:1px;
}

/* category title */
div#contents div#category-navi #right-ti {
	display: block;
	margin:0;
	padding:0;
}

/* right Navigation menu */
div#contents div#category-navi ul#right-menu {
	margin:0;
	padding:0 0 8px 3px;
	list-style: none;
	line-height: 120%;
	background:#dadada url(../images/com_bg003.gif) no-repeat bottom left;
}
div#contents div#category-navi ul li {
	padding: 0;
	margin: 0;
	border-bottom:1px solid #ffffff;
}
div#contents div#category-navi ul li a {
	display: block;
	padding: 5px 5px 5px 13px;
	_height:1%;
	background:#f3f3f3 url(../images/com_ic018.gif) no-repeat 3px 0.7em;
}
/* for IE6 */
* html div#contents div#category-navi ul li a {
	height:1%;
}

div#contents div#category-navi ul li a:hover {
	background:#ffffff url(../images/com_ic002.gif) no-repeat 3px 0.7em;
}
div#contents div#category-navi ul li.on a {
	background:#ffffff url(../images/com_ic002.gif) no-repeat 3px 0.7em;
}
div#contents div#category-navi ul li.on-menu a {
	background:#ffffff url(../images/com_ic016.gif) no-repeat 3px 0.7em;
}
div#contents div#category-navi ul li.on-menu-open a {
	background:#f3f3f3 url(../images/com_ic016.gif) no-repeat 3px 0.7em;
}


/* Three hierarchical menus */
div#contents div#category-navi ul.three-menu {
	margin:0;
	background-color:#ffffff;
	border:none;
}
div#contents div#category-navi ul.three-menu li {
	border:none;
	margin:0;
	padding:0;
}
div#contents div#category-navi ul.three-menu li a {
	padding: 5px 5px 5px 19px;
	_height:1%;
	border: none;
	background:#f3f3f3 url(../images/com_ic019.gif) no-repeat 10px 0.7em;
}
/* for IE6 */
div#contents div#category-navi ul.three-menu li a {
	height:1%;
}

div#contents div#category-navi ul.three-menu li a:hover {
	background:#ffffff url(../images/com_ic017.gif) no-repeat 10px 0.7em;
}
div#contents div#category-navi ul.three-menu li.on a {
	background:#ffffff url(../images/com_ic017.gif) no-repeat 10px 0.7em;
}

/* Development menu */
div#contents div#category-navi #side-utility {
	margin:15px 0 0 0;
}
div#contents div#category-navi #side-utility p {
	margin:5px 0 0 0;
}

/*3: layout setting
=========================================*/
/* ==================================
Common
================================== */
body {
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	color:#000000;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	/*font-family:HiraKakuPro-W3, Osaka, "MS PGothic", Helvetica, arial, sans-serif;*/
}

img {border: 0px;}

/* Contents main */
div#contents div#main {
	line-height:1.4;
	width:670px;
	float:left;
	margin:0;
	padding:0;
}

.mbody {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size: 83%;
	line-height: 1.5;
	margin-top: 18px;
}

.boldbody {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-weight: bold;
	margin: 2em 0 0.5em 0;
}

.redbody {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size: 83%;
	line-height: 1.5;
	color: #B70B0B;
}

.gotop {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size: 83%;
	font-weight: normal;
	background: transparent url(../../news/images/tri_up.gif) no-repeat 0px 60%;
	padding: 0em 0em 0em 12px;
	margin: 2em 0 1em 450px; 
	}

.small {
	font-size: 100%;
	}

.center {
	text-align: center;
	margin: 0 auto;
}

.right {
	float: right;
}

.lef {
float: left;
}

/* 上付き文字　*/
.upper {
	vertical-align: super;
	font-size: 50%;
}

div#contents div#content-title {
	clear: both;
	margin:0;
	background:#ffffff url(../images/com_h001.gif) no-repeat top left;
}
/* for IE6 */
* html div#contents div#content-title {
	height: 1px;
}

div#contents div#content-title #sub-text {
	clear: both;
	display:block;
	margin:0 10px 0 20px;
	padding:5px 0 4px 14px;
	background:url(../images/com_ic014.gif) no-repeat 4px 0.8em;
	border-bottom:solid 1px #c21218;
}
/* for IE6 */
* html div#contents div#content-title #sub-text {
	height: 1px;
}

div#contents div#content-title h1 {
	background:url(../images/com_h002.gif) no-repeat bottom left;
	padding:8px 10px 8px 20px;
}
/* for IE6 */
* html div#contents div#content-title h1 {
	height: 1px;
}

div#contents div#content-title h1 a {
	text-decoration:none;
}
div#contents div#content-title h1 a:hover {
	text-decoration:none;
}

#news h2 {
	font-family: HiraKakuPro-W6, Osaka, "MS PGothic", Helvetica, arial, sans-serif;
	font-size: 100%;
	color: #D67422;
	font-weight: bold;
	background: transparent url(../../news/images/4dot_orange.gif) no-repeat 0px 50%;
	padding: 0em 0em 0em 12px;
	margin-top: 2em;
	}

#news h3 {
	font-family: HiraKakuPro-W6, Osaka, "MS PGothic", Helvetica, arial, sans-serif;
	font-size: 100%;
	color: #D67422;
	font-weight: bold;
	background: transparent url(../../news/images/2tri_orange.gif) no-repeat 0px 55%;
	padding: 0em 0em 0em 19px;
	margin-top: 2em;
	}

#news h4 {
	font-family: HiraKakuPro-W6, Osaka, "MS PGothic", Helvetica, arial, sans-serif;
	font-size: 100%;
	color: #000000;
	background: transparent url(../../news/images/tri_orange.gif) no-repeat 0px 55%;
	padding: 0em 0em 0em 12px;
	margin: 2em 0em 0em 7px;
	}

#news div.date {
	font-family: HiraKakuPro-W3, Osaka, "MS PGothic", Helvetica, arial, sans-serif;
	font-size: 83%;
	color: #999999;
	}

#news h2.title {
	font-family: HiraKakuPro-W6, Osaka, "MS PGothic", Helvetica, arial, sans-serif;
	font-size: 110%;
	color: #D67422;
	font-weight: bold;
	background: transparent url(../../news/images/4dot_orange.gif) no-repeat 0px 7px;
	padding: 0em 0em 0em 12px;
	margin-top: 2em;
	border-bottom: 2px solid #D67422;
	}

#news ol.num {
	margin: 0;
	padding: 0 0 0 2em;
	}

#news ol.num li {
	margin: 0;
	padding: 0.5em 0em;
	list-style: outside decimal;
	}

/* 本文内・右寄せ画像・枠線付
------------------------------------------------------------------ */
#news div.sub {
	float: right;
	font-size:0.9em;
	border: 1px dotted #D67422;
	padding: 4px;
	margin: 0px 0px 10px 10px;
}

/* 本文内・左寄せ画像・枠線付
------------------------------------------------------------------ */
#news div.sub2 {
	float: left;
	border: 1px dotted #D67422;
	padding: 4px;
	margin: 0px 0px 10px 10px;
}

/* 本文内・マージン付き
------------------------------------------------------------------ */
#news div.mar1 {
	margin: 15px;
	font-size:100%;
}

/* 画像キャプション太字
------------------------------------------------------------------ */
#news div.bcap {
	font-family:HiraKakuPro-W6, Osaka, "MS PGothic", Helvetica, arial, sans-serif;
	font-weight:bold;
	font-size:110%;
	line-height:1.5em;
	margin-top:4px;
}

#news ul.list {
	list-style: none;
	margin: 0 0 0 16px;
	padding-left: 7px;
	background: transparent;
}

#news ul.list li {
	margin:0;
	padding: 0px;
	background: transparent;
	list-style: url(../../news/images/tri_orange2.gif) ;
	line-height: 1.5;
}

#news div.go {
	background: transparent url(../../news/images/tri_orange.gif) no-repeat 0px 55%;
	padding: 0em 0em 0em 12px;
	margin: 0em 0em 0em 7px;
	}

#news table {
	font-size: 100%;
	}

#news table.new {
	margin: 0;
	border-left: 1px dotted #D67422;
	border-top: 1px dotted #D67422;
	padding: 5;
	}
	
#news table.new tr {
	margin: 0;
	border-top: 1px dotted #D67422;
	border-right: 1px dotted #D67422;
	padding: 5;
	}
	
#news table.new td {
	margin: 0;
	border-bottom: 1px dotted #D67422;
	border-right: 1px dotted #D67422;
	padding: 5;
	}

#news table.pamp tr.small  td{
	border-bottom: 1px dotted #D67422;
	font-size: 83%;
	padding-bottom: 1em;
	padding-top: 0.5em;
	}

#news div.notice {
	font-size: 83%;
	margin-bottom: 20px;
	}

body.article {
	margin-top: 2em;
	margin-left:auto;
	margin-right:auto;
	width: 556px;
	}

#news img.newwin {
	vertical-align: text-top;
	margin-left: 5px;
	}
	
#news div.pframe {
	text-align: center;
	margin: 5px 0 15px 0;
}

#news div.pframe2 {
	text-align: center;
	margin: 15px 0 5px 0;
}

#news div.pframe table{
	text-align: center;
}

table.rel td {
	vertical-align:top;
	padding-bottom: 5px;
}

table.rel td.cel1 {
	width: 100px;
}

table.rel ul {
	margin: 0;
	padding-left: 16px;
	}
	
	

/* 追加
------------------------------------------------------------------ */

div.rig {
	text-align: right;
	margin: 0;
	padding: 0;
}

div#contents .note-type01 {
	padding-left: 13.7em;
	text-indent: -13.7em;
}

div#contents .type-underline {
	text-decoration:underline;
}
div#contents .design-3 .list-text-num {
	text-indent:-1.5em;
	padding-left:2em;
}
div#contents .blank {
	padding: 0 0 0 20px;
	background: url(../images/com_ic007.gif) no-repeat 0 0.3em;
}
div#contents .pt7 {
	padding-top: 7px !important;
}
/* For IE6 */
* html div#contents .pt7 {
	padding-top: 6px !important;
}

/*===================================
Icon link
===================================*/
div#contents .icon-link,
div#contents .list-type-icon {
	display:block;
}
/* for IE6 */
* html div#contents .icon-link,
* html div#contents .list-type-icon {
	height: 1em;
}

div#contents .icon-link {
	padding: 0 0 0 10px;
	background: url(../images/com_ic002.gif) no-repeat 0 0.5em;
}
div#contents .list-type-icon {
	padding: 0 0 0 12px;
	background: url(../images/com_ic009.gif) no-repeat 0 0.5em;
}

/* ==================================
Topic
================================== */
div#contents dl.article {
	clear:both;
	width:670px;
	margin-top:30px;
}

/*===================================
Layout with frame
===================================*/
div#contents dl.frame-box {
	clear:both;
	margin:40px 0 0 0;
	width:670px;
	border:1px solid #cccccc;
	line-height:1.4;
}
div#contents .section dl.frame-box {
	width:640px;
}
div#contents dl.frame-box dt {
	padding:5px 14px 5px 25px;
	border-top:1px solid #ffffff;
	background:#f1f1f1 url(../images/com_ic020.gif) no-repeat 3px 0.7em;
}
/* for IE6 */
* html div#contents dl.frame-box dt {
	height:1px;
}

div#contents dl.frame-box dd {
	padding:0 14px 0;
}
div#contents dl.frame-box dd div.section {
	clear:both;
	margin:0;
	padding:0 0 15px 0;
}
div#contents dl.frame-box dd .img-item {
	clear:both;
	float:left;
	margin:15px 0 0 0;
}
div#contents dl.frame-box dd ul {
	float:left;
	margin:10px 0 0 0;
	padding:0 0 0 7px;
	width:522px;
}
div#contents dl.frame-box dd ul.no-icon {
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:609px;
}
div#contents dl.frame-box dd ul li {
	margin:5px 0 0 0;
}

/* normal line */
div#contents .normal-line {
	padding:20px 0 0 0;
	border-top:solid 1px #bbbbbb;
}

/* ==================================
Clear fix
================================== */
div#contents dl.frame-box:after,
div#contents div.section:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#contents dl.frame-box,
div#contents div.section {
	min-height: 1px;
}

/* for IE6 */
* html div#contents dl.frame-box,
* html div#contents div.section {
	height: 1px;
}

/* for IE7 */
*:first-child+html div#contents dl.frame-box,
*:first-child+html div#contents div.section {
	zoom: 1;
}