@charset "UTF-8";
/* CSS Document */

body {
 background: url(img/bg-header.gif) repeat-x #ffffff;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #5e5e5e;
 line-height:1.4;
}

p, span, img, ul, li, h1, h2, h3 {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

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

/* --------------------------------------------------
	all
-------------------------------------------------- */
#wrap {
 width:900px;
 margin:0 auto;
 /*background-color:#CCFFCC;*/
}

/* --------------------------------------------------
	header
-------------------------------------------------- */
#header {
 margin:7px 0 0;
 padding:15px 0 5px;
 background:url(img/bg-language.png) no-repeat top right;
 position:relative;
}

#header h1 {
 float:left;
}

#header li {
 margin:0 8px;
 display:inline-block;
 font-weight:bold;
 /display:inline;
 /zoom:1;
}

#gNav {
 margin:38px 0 0;
 /margin:59px 0 0;
 text-align:right;
 font-size:1.25em;
}

#subNav {
 position:absolute;
 top:3px;
 left:688px;
 /left:683px;
}

#subNav li {
 margin:0 0 0 45px;
 /margin:0 0 0 50px;
 text-align:right;
}

/* --------------------------------------------------
	topImg
-------------------------------------------------- */
#imgTop {
 position:relative;
}

#imgTop-text {
 position:absolute;
 top:60px;
 left:23px;
 font-size:1.1em;
 line-height:2.0;
 color:#333333;
}

/* --------------------------------------------------
	contentTop
-------------------------------------------------- */
#contentTop {
 width:884px;
 margin:0 auto 20px;
 padding:0 0 20px;
 border-bottom:#CCCCCC solid 3px;
}

#contentTop img {
 display:block;
}

h4.lineStyle1 {
 margin:8px 0;
 padding:0 0 8px 0;
 background:url(img/line-dot1.png) bottom repeat-x;
}

#news {
 width:609px;
 float:left;
}

#news dl {
 width:595px;
 margin:0 auto;
 line-height:1.6;
}

#news dt {
 color:#333333;
 font-weight:bold;
}

#news dd {
 margin:0;
}

#news .d1 {/* 下線有り */
 margin:0 0 7px 0;
 padding:0 0 7px 0;
 border-bottom:#333333 1px dotted;
}

#info {
 width:260px;
 float:right;
}

.boxStyle1 {
 width:240px;
 height:76px;
 padding:10px;
 background:url(img/bg-info.png) no-repeat #CCCCCC;
}

/* --------------------------------------------------
	otherPage
-------------------------------------------------- */
#imgTop_sub {
 width:884px;
 margin:8px 0;
 padding:0 0 10px;
 background:url(img/line-dot1.png) bottom repeat-x;
}

#content {
 width:884px;
 margin:0 0 10px;
 padding:0 0 12px;
}

#content h4 {
 width:165px;
 margin:5px 0 0;
 float:left;
}

#about,#showcase,#help {
 margin:15px 0;
 padding:0 0 15px;
}

#about {
 border-bottom:#666666 dotted 1px;
}

.boxStyle2 {
 width:670px;
 padding:20px;
 background:url(img/bg-contents.png) no-repeat bottom center #ffffff;
 border:#999999 solid 1px;
 float:right;
}

/* -------------- help ------------------ */
#helpMenu {
 width:711px;
 margin:0 0 50px;
 font-size:0.85em;
 float:right;
}

.menu_title {
 width:693px;
 /width:691px;
 margin:1px 0 2px;
 padding:7px;
 background:#EEEEEE;
 border-bottom:#999999 solid 1px;
 font-size:1.2em;
 font-weight:bold;
}

#helpMenu li {
 width:339px;
 /width:339px;
 margin:1px 0;
 /margin:1px 2px 1px 0;
 padding:5px;
 display:inline-block;
 color:#FFFFFF;
 /display:inline;
 /zoom:1;
}

.boxStyle2 h1 {
 margin:0 0 30px;
 padding:5px 10px;
 background:#000000;
 border:#000000 1px solid;
 font-size:1.2em;
 color:#FFFFFF;
}

.helpTitle {
 width:680px;
 padding:10px 15px;
 background:#000000;
 color:#FFFFFF;
 font-size:1.2em;
 float:right;
}

.boxStyle2 h3 {
 margin:0 0 20px;
 padding:0 10px 5px;
 border-left:#ff0000 solid 4px;
 border-bottom:#333333 dotted 1px;
}

#helpbox {
background:#e1e1e1;
margin: 5px 0px 30px;
}

.midashi {
background:#ababab;
color: #ffffff;
}

.komidashi {
background: #d4d4d4;
text-align:left;
}

.tipImg {/*枠線*/
 margin:0 10px 5px;
 display:block;
 float:right;
}

.tipbox {
 width:350px;
 margin:0 0 0;
 padding:0 10px 0 0;
 float:left;
}

/* --------------------------------------------------
	fotter
-------------------------------------------------- */
#fotter {
 width:886px;
 margin:0 7px;
}

#fotterText {
 margin:5px 0 0 10px;
 float:left;
}

#copyright {
 background:url(img/bg-footer.png) repeat-x #000000;
}

#copyrightText {
 width:900px;
 margin:15px auto 0;
 padding:15px 0 120px;
 font-size:0.85em;
 color:#999999;
 line-height:1.6;
}

/* --------------------------------------------------
	style
-------------------------------------------------- */
.style1 {/*フロート左寄せ*/
 float:left;
}

.style2 {/*フロート右寄せ*/
 float:right;
}

.fontStyle1 {/*太文字*/
 font-weight:bold;
}

.pageTop {
 margin:10px 0 15px;
 text-align:right;
}

.imgStyle1 {/*枠線*/
 border:#000000 solid 1px;
}

/* --------------------------------------------------
	link
-------------------------------------------------- */
a {
color: #000000;
text-decoration:none;
}

a:link {
color: #000000;
text-decoration:none;
}

a:visit {
color: #000000;
text-decoration:none;
}

a:active {
color: #FF0000;
text-decoration:underline;
}

a:hover {
color: #FF0000;
text-decoration:underline;
}

#subNav a {
color: #ffffff;
text-decoration:none;
}

#subNav a:link {
color: #ffffff;
text-decoration:none;
}

#subNav a:visit {
color: #ffffff;
text-decoration:none;
}

#subNav a:active {
color: #FF0000;
text-decoration:underline;
}

#subNav a:hover {
color: #FF0000;
text-decoration:underline;
}

/* --------------------------------------------------
	clearfix
-------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* --------------------------------------------------
	css
-------------------------------------------------- */
.t1,x:-moz-broken {
 visibility:hidden;
 display:none;
}

.t2 {
 visibility:hidden;
 display:none;
}

.t2,x:-moz-broken {
 visibility:visible;
 display:block;
}