/*========== Ubigraph Default CSS ==========*/
/*---------- Body ----------*/
body {
	width: 680px;
	margin: 0 auto;
	font-size: 14px;
	color: #333333;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;

}
/*---------- Text ----------*/
h1,h2,h3,h4,h5,h6 {margin:0; padding: 0;}
h4 {font-size: 14px;}
p {margin: 0 0 15px 0; padding: 0; line-height: 180%;}
strong {}
small {}
/*---------- List ----------*/
ul, dl {margin: 0; padding: 0;}
ul li, dl, dl dd, dl dt dd {margin: 0; padding: 0; list-style-type: none; line-height: 180%;}
dl dd {margin-left: 1em;}
/*---------- Ancher ----------*/
a {text-decoration: none;}
a:link:hover, a:visited:hover {text-decoration: underline;}
a img {border: none;}
em {font-style: normal;}
span {display: none;}
/*---------- Form ----------*/
form input, form textarea, form select {font-size: 12px;}
/*hr {display: none; clear: both;}*/
/*---------- Image ----------*/
img {display:block;}
/*========== Ubigraph Layout CSS ==========*/
/*---------- body Layout ----------*/
div#bodyWrapper {width: 680px;}
/*---------- Header Layout ----------*/
div#headerWrapper {width: 680px; margin: 0; padding: 0;}
div#headerLeft {float: Left;}
div#headerRight {float: right; text-align: right;}
div#headerWrapper h1 {width: 470px; margin: 0 0 0 10px; padding: 13px 0; font-size: 14px; border-bottom: 1px solid #CCCCCC; text-align: right;}
div#headerWrapper h1 small {font-size: 12px; font-weight: normal;}
div#headerLink {width: 450px; margin: 15px 0 0 30px; padding: 0; font-size:10px;}
/*---------- Main Contents Layout ----------*/
div#mainWrapper,div#indexMainWrapper {clear: both; width: 680px; margin: 30px 0 15px 0; padding: 0; float: left;}
div#footerWrapper {clear: both; width: 680px; font-size: 12px; text-align: center;}
div#mainWrapper h2 {height: 25px; margin-bottom: 15px; padding: 9px 0 8px 10px; _padding: 9px 0 8px 10px; font-size: 12px; color: #FFFFFF;  background-image: url(/assets/images/title_back.gif); background-repeat: no-repeat;}
html*+div#mainWrapper h2 {padding: 6px 0 9px 10px;}
div#indexMainWrapper h2 {height: 25px; margin-bottom: 15px; padding: 4px 0 8px 10px; _padding: 5px 0 8px 10px; font-size: 12px; color: #FFFFFF;  background-image: url(/assets/images/title_back.gif); background-repeat: no-repeat;}
html*+div#indexMainWrapper h2 {padding: 1px 0 9px 10px;}
/*---------- Main Contents 2Column Layout ----------*/
div#leftWrapper {width:150px; float: left;}
div#rightWrapper {width: 509px; margin: 0; padding: 0 0 0 20px; float: right; border-left: 1px solid #CCCCCC;}
/*---------- Footer Layout ----------*/
div#footerLink {margin: 15px 0;}
div#footerLink ul {margin: 0; padding: 0;}
div#footerLink ul li {margin: 0; padding: 0; display: inline;}
div#copyright {padding: 5px 0; color: #FFFFFF; background-image: url(/assets/images/footer_back.gif);}
/*---------- Gloval Navigation Horizontal Menu----------*/
div#hMenu {width: 450px; height: 25px; margin-left: 30px;}
div#hMenu a {margin: 0; padding: 0; display: block; width: 75px; height: 25px; float: left;}
.hm01 a:link, .hm01 a:visited {background-image: url(/assets/images/gnv01.gif);}
.hm02 a:link, .hm02 a:visited {background-image: url(/assets/images/gnv02.gif);}
.hm03 a:link, .hm03 a:visited {background-image: url(/assets/images/gnv03.gif);}
.hm04 a:link, .hm04 a:visited {background-image: url(/assets/images/gnv04.gif);}
.hm05 a:link, .hm05 a:visited {background-image: url(/assets/images/gnv05.gif);}
.hm06 a:link, .hm06 a:visited {background-image: url(/assets/images/gnv06.gif);}
.hm01 a:link:hover, .hm01 a:visited:hover {background-image: url(/assets/images/gnv01_f2.gif);}
.hm02 a:link:hover, .hm02 a:visited:hover {background-image: url(/assets/images/gnv02_f2.gif);}
.hm03 a:link:hover, .hm03 a:visited:hover {background-image: url(/assets/images/gnv03_f2.gif);}
.hm04 a:link:hover, .hm04 a:visited:hover {background-image: url(/assets/images/gnv04_f2.gif);}
.hm05 a:link:hover, .hm05 a:visited:hover {background-image: url(/assets/images/gnv05_f2.gif);}
.hm06 a:link:hover, .hm06 a:visited:hover {background-image: url(/assets/images/gnv06_f2.gif);}
.hm01 a:link:active, .hm01 a:visited:active {background-image: url(/assets/images/gnv01_f2.gif);}
.hm02 a:link:active, .hm02 a:visited:active {background-image: url(/assets/images/gnv02_f2.gif);}
.hm03 a:link:active, .hm03 a:visited:active {background-image: url(/assets/images/gnv03_f2.gif);}
.hm04 a:link:active, .hm04 a:visited:active {background-image: url(/assets/images/gnv04_f2.gif);}
.hm05 a:link:active, .hm05 a:visited:active {background-image: url(/assets/images/gnv05_f2.gif);}
.hm06 a:link:active, .hm06 a:visited:active {background-image: url(/assets/images/gnv06_f2.gif);}
.hm01current,
.hm02current,
.hm03current,
.hm04current,
.hm05current,
.hm06current {width: 75px; height: 25px; float: left;}
.hm01current {background-image: url(/assets/images/gnv01_f2.gif);}
.hm02current {background-image: url(/assets/images/gnv02_f2.gif);}
.hm03current {background-image: url(/assets/images/gnv03_f2.gif);}
.hm04current {background-image: url(/assets/images/gnv04_f2.gif);}
.hm05current {background-image: url(/assets/images/gnv05_f2.gif);}
.hm06current {background-image: url(/assets/images/gnv06_f2.gif);}
/*---------- 2Column Vertical Menu ----------*/
div#vMenu {margin-bottom: 3px; width:150px;}
div#vMenu ul {font-size: 12px;}
div#vMenu ul li,div#vMenu ul .liBottom {padding: 5px 0; border-top: 1px solid #CCCCCC;}
div#vMenu ul .liBottom {border-bottom: 1px solid #CCCCCC;}
.toTop {padding: 5px 0; text-align: right; font-size: 12px;}
/*---------- Contents Block ----------*/
.floatblock, .floatblockR {width: 220px; margin-right: 10px; float: left; background-color: #CCCCCC;}
.floatblockR {margin-right: 0px;}
.floatLeft {float: left;}
.floatRight {float: right;}
.borderBoxBlue {margin-bottom: 15px; border: 1px solid #0059A9;}
.borderBoxGreen {margin-bottom: 15px; border: 1px solid #009900;}
.borderBoxBlue h4,.borderBoxGreen h4 {margin:0; padding: 3px 0 3px 7px; color: #FFFFFF; }
.borderBoxBlue h4 {background-color: #0059A9;}
.borderBoxGreen h4 {background-color: #009900;}
/*---------- List ----------*/
.dlinBox {padding: 5px 0 5px 7px;}
.listStyleDisc {padding: 5px 0 5px 7px;}
.listStyleDisc ul {margin-left: 10px;}
.listStyleDisc ul li {margin-left: 10px; list-style-type: disc;}
/*---------- Color Scheme ----------*/
.blue {color: #0059A9;}
.red {color: #FF0000;}
/*---------- Font ----------*/
.catch {font-size: 16px;}
.titleStyle1 {margin: 0 0 15px 0; padding: 5px 0px 4px 7px; font-size: 16px; background-color: #E1E5E5;}
.titleStyle2 {margin: 0 0 15px 0; padding: 3px 0px 2px 7px; _padding: 5px 0px 4px 7px; font-size: 14px; background-color: #E1E5E5;}
/*---------- Others----------*/
.newIcon { vertical-align: top; display: inline;}
.clear {clear:both;}
/*========== Ubigraph Template CSS ==========*/
/*---------- Index CSS ----------*/
div#indexMainWrapper {background-image: url(/assets/images/index_line.gif);}
div#indexLWrapper {width: 330px; margin: 0; padding: 0; float: left;}
div#indexRWrapper {width: 330px; margin: 0; padding 0; float: right;}
div#indexMainWrapper h2 {background-image: url(/assets/images/index_titleback.gif);}
div.newsWrapper,div.newsWrapperBtm {width: 330px; margin-top: 0px; _margin-top: 5px; padding: 0 0 10px 0; border-bottom: 1px dashed #CCCCCC;}
p.newsDate {margin: 0; padding: 0; font-size: 12px;}
div.newsWrapper h3, div.newsWrapperBtm h3 {margin: 5px 0 0 0; padding: 0; font-size: 14px;}
div.newsWrapper p, div.newsWrapperBtm p {margin:5px 0 0 0; padding: 0; line-height: 120%;}
div.newsWrapperBtm{border-bottom: none;}
div.prdtWrapper {width: 330px; margin-top: 0;}
/*---------- Press CSS ----------*/
div#pressWrapper {width: 620px; margin: 10px; padding: 0 20px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
div#pressWrapper h3 {margin: 25px 0; font-size: 16px;}
div#pressWrapper p {margin: 5px 0 0 0;}
div#pressWrapper ul {margin: 0 0 0 15px; padding: 0;}
div#pressWrapper ul li {margin: 0; padding 0; list-style-type: disc; line-height: 180%;}
.textL {text-align: left;}
.textR {text-align: right;}

/*---------- Press Archive CSS ----------*/
.archive {width: 680px; margin: 0; padding: 0; font-size: 12px;}
.archiveDate {width: 70px; padding: 5px 8px 5px 0; text-align: right;float: left;}
.archiveContent {width: 593px; padding: 4px 0 15px 8px; float:left; border-left: 1px solid #CCCCCC;}

/*---------- Select CSS ----------*/
div#select {width:680px; height: 86px; margin: 0 0 15px 0;}
div#select span {display: none;}
div#select a {width: 206px; height: 86px; display:block;}
.select01 {float: left;}
.select02, .select03 {margin: 0 0 0 31px; float: left;}
.select01 a:link, .select01 a:visited {background-image: url(/assets/images/select_01.gif);}
.select02 a:link, .select02 a:visited {background-image: url(/assets/images/select_02.gif);}
.select03 a:link, .select03 a:visited {background-image: url(/assets/images/select_03.gif);}
.select01 a:link:hover, .select01 a:visited:hover {background-image: url(/assets/images/select_01_f2.gif);}
.select02 a:link:hover, .select02 a:visited:hover {background-image: url(/assets/images/select_02_f2.gif);}
.select03 a:link:hover, .select03 a:visited:hover {background-image: url(/assets/images/select_03_f2.gif);}
.select01 a:link:active, .select01 a:visited:active {background-image: url(/assets/images/select_01.gif);}
.select02 a:link:active, .select02 a:visited:active {background-image: url(/assets/images/select_02.gif);}
.select03 a:link:active, .select03 a:visited:active {background-image: url(/assets/images/select_03.gif);}

/*---------- Form CSS ----------*/
table#formTbl{width: 680px; border-collapse: separate; font-size: 12px; line-height: 190%;}
table#formTbl td{padding:3px 0 3px 5px;}
.tdName {width: 120px; vertical-align: top; background-color: #ddFFFF; font-weight: bold;}
table#formTbl em {color: red;}