@charset "UTF-8";

/* reset
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	border: none;
}
img {
	vertical-align: top;
}

/* base
---------------------------------------------*/
body {
	background: #efefef url(../images/bg/body.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN";
	font-size: 95%;
	letter-spacing: 0.05em;
	line-height: 1.5;
	color: #333;
}
h2 {
	padding-top: 40px;
	margin-bottom: 10px;
/*	border-bottom:1px dotted #4387a5;*/
	border-bottom:1px solid #4387a5;
	color:#4387a5;
	font-size: 120%;
}
h3 {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-left: 40px;
	color:#4387a5;
	font-size: 110%;
	background: url(../images/arrow.gif) 12px center no-repeat;
}
h4 {
	font-size: 100%;
}
a {
	color: #fb651f;
	text-decoration: underline;
}
a:hover {
	color: #fb651f;
	text-decoration: none;
}
table {
	margin-top: 10px;
	margin-bottom: 25px;
}
.top p {
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.top ul {
	padding-top: 15px;
	padding-bottom: 10px;
}
.single p {
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
}
.single ul {
	margin-top: 10px;
	margin-left: 40px;
}
.single ol li{
	clear:both;
	margin-top: 40px;
	margin-left: 40px;
}
.single ol li img {
	float:right;
	padding-right:240px;
	padding-bottom: 20px;
}
table {
	border-top:1px solid #e5e5e5;
	font-size: 90%;
	letter-spacing: 0;
}
table th {
	border-bottom:1px solid #e5e5e5;
	padding: 5px 10px;
}
table td {
	border-bottom:1px solid #e5e5e5;
	padding: 5px 10px;
}
.howtouse table {
	margin-top: 10px;
	margin-left: 40px;
	letter-spacing: 0.05em;
}
.howtouse table {
	border-top:1px solid #e5e5e5;
	margin-top: 10px;
	margin-left: 40px;
	letter-spacing: 0.05em;
}
.tokuchou table {
	margin-left: 40px;
}
.lineupright table th ,
.lineupright table td {
	padding: 5px 8px;
}
.lineupright table td {
	text-align:right;
}
.per2box {
	width:430px;
	float:left;
}

.link1 {
	font-size: 120%;
}
.col{
	float:left;
}
.topagetop {
	clear:both;
	padding: 5px 0;
	padding-right: 10px;
	text-align:right;
	border-top:1px solid #d2d2d2;
	background: #efefef;
}
.topagetop a {
	font-size: 80%;
	color: #4387a5;
	text-decoration: none;
	padding-right: 15px;
	background: url(../images/arrow_u.png) right center no-repeat;
}
.clearall {
	clear:both;
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height /**/:0px;
	padding-top: 0px;
}
.thumb {
	padding: 20px 0;
}
/* structure
---------------------------------------------*/
#wrapper {
	width: 940px;
	margin: 0 auto;
}
#header {
	position: relative;
	height:160px;
}
#content {
	width: 940px;
	margin: 0 auto;
	background-color: #fff;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
}
.row {
	clear:both;
	width: 860px;
	margin: 0 auto;
}
#primary {
	float:left;
	width: 560px;
	padding-left:50px;
}
#secondary {
	float:right;
	width: 230px;
	padding-right:50px;
}
#tertiary {
	background:#4287A4 url(../images/bg/workzone.jpg) left top repeat-x;
	color: #fff;
}
.row2 {
	clear:both;
	width: 840px;
	margin: 0 auto;
}
#footer {
	clear:both;
	width:100%;
	position: relative;
	height:100px;
	background:#666 url(../images/bg/footer.jpg) left top repeat-x;
	color: #efefef;
	font-size: 80%;
}

/* header
---------------------------------------------*/
#top {
	position: absolute;
	top: 0;
	left: -100px;
}

#header a {
	color: #666;
	text-decoration: none;
}
#logo {
	position: absolute;
	top: 25px;
	left: 20px;
}
#hattend1 {
	font-size: 80%;
	position: absolute;
	top: 10px;
	left: 40px;
}
#hattend2 {
	position: absolute;
	top: 50px;
	left: 210px;
}
#hattend3 {
	position: absolute;
	top: 30px;
	right: 20px;
	color:#4387a5;
	font-size: 70%;
	letter-spacing: 0;
}
#hattend3 li {
	float:left;
	padding-left: 7px;
	width: 58px;
}
#hattend3 li img{
	width: 40px;
	height:40px;
}

#hattend4 {
	position: absolute;
	top: 120px;
	right: -4px;
}
#hattend4 a {
	display: block;
	overflow: hidden;
	width:180px;
	height: 0 !important;
	height /**/:40px;
	padding-top: 40px;
	background: url(../images/gnav/contact_on.gif) left top no-repeat;
}
#unav {
	font-size: 80%;
	position: absolute;
	top: 10px;
	right: 10px;
}
#unav li {
	float:left;
	margin-left: 10px;
	padding-right: 10px;
	background: url(../images/arrow_r.gif) right center no-repeat;
}
#gnav {
	position: absolute;
	top: 120px;
/*	left: 50px;*/
}
#gnav li {
	float:left;
	margin-right: 0px;
}
#gnav li a {
	display: block;
	overflow: hidden;
	width:180px;
	height: 0 !important;
	height /**/:40px;
	padding-top: 40px;
}
#g1 a { background: url(../images/gnav/1.gif) left top no-repeat; }
#g2 a { background: url(../images/gnav/2.gif) left top no-repeat; }
#g3 a { background: url(../images/gnav/3.gif) left top no-repeat; }
#g4 a { background: url(../images/gnav/4.gif) left top no-repeat; }

#g1.now a { background: url(../images/gnav/1_on.gif) left top no-repeat; }
#g2.now a { background: url(../images/gnav/2_on.gif) left top no-repeat; }
#g3.now a { background: url(../images/gnav/3_on.gif) left top no-repeat; }
#g4.now a { background: url(../images/gnav/4_on.gif) left top no-repeat; }


/* content
---------------------------------------------*/
#content {
}
#topthumb {
	padding-top: 50px;
}
#top21 { float:left;width:300px; padding-top: 15px;}
#top22 { float:left;width:540px; font-size: 90%;}
#top40 li { float:left;width:280px; text-align:center; font-weight:bold;}
#top50 li { float:left; width:168px; text-align:center; font-weight:bold;}
#top61 li { float:left; width:280px; text-align:center; margin-bottom:1em;}
.tonext {
	margin-top: 20px;
	padding: 40px 0;
	border-top:1px dotted #4387a5;
	text-align:center;
}
.tonext p{
	padding: 0;
}
.borderblue {
	padding-top: 1em;
	border-top:1px dotted #4387a5;
}
.circle li {
	font-size: 80%;
	padding: 0.25em 0;
	list-style-type: circle;
	list-style-position: inside;
}
.fontblue {
	color:#4387a5;
}


/* secondary
---------------------------------------------*/
#secondary li {
	float:left;
}
/* tertiary
---------------------------------------------*/
#tertiary a {
	color: #fff;
}
#tertiary h2 {
	color: #fff;
	border:none;
	margin-bottom:0.75em;
	letter-spacing: 0.05em;
	font-family:Georgia, Arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN";
}

.col1,.col2,.col3{
	height:280px;
	border-top:1px solid #6da6be;
	padding-top:20px;
}
.col1{ width:278px;}
.col2{ width:280px; }
.col3{ width:280px; }
#ter2,#ter3 {
	padding-left:25px;
}
.col2 {
	border-left:1px solid #6da6be;
	border-right:1px solid #6da6be;
}
.col1 p {
	color:#bceaff;
	font-weight:bold;
	padding-bottom: 15px;
	letter-spacing: 0.1em;
	font-size: 100%;
	letter-spacing: 0em;
}
.col1 ul {
	font-size: 120%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 0.1em;
}
.col1 li {
	padding-bottom: 10px;
}
#col1contact {
	padding-top: 20px;

}
.col2 dl {
/*	width:270px;*/
	padding-left:25px;
	font-size: 80%;
	letter-spacing: 0em;
}
.col2 dt {
	color:#bceaff;
	font-weight:bold;
	letter-spacing: 0.05em;
	padding-bottom: 10px;
}
.col2 dd {
	color: #fff;
	padding-bottom: 20px;
/*	padding-left:10px;
	background:url(../images/disc.jpg) left 0.5em no-repeat;*/
}
.col3 li {
	width:250px;
	padding-left:25px;
	font-size: 80%;
	letter-spacing: 0em;
}
.col3 a {
/*	padding-left:10px;
	background:url(../images/disc.jpg) left center no-repeat;*/
}
.col3 h3 {
	font-size: 100%;
	color:#bceaff;
	font-weight:bold;
	letter-spacing: 0em;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	background: none;
}
.col3 p {
	padding-top: 0;
	padding-bottom: 15px;
}
.col4,.col5,.col6 {
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid #6da6be;
}
.col4 {
	width:130px;
}
.col5 {
	width:140px;
	text-align:right;
	font-size: 80%;
}
.col6 {
	width:570px;
	font-size: 80%;
	letter-spacing: 0em;
	color:#bceaff;
}

.col5 h2 {
	margin-top:0;
	padding-top:38px;
}
.col6 li {
	float:left;
	padding-left: 15px;
}
.col6 li img{
	width: 65px;
	height:65px;
}

#tertiary .pagetop {
	padding:20px 0;
	border-top:1px solid #6da6be;
	text-align:right;
}
#tertiary .pagetop a {
	padding-right:10px;
	background: url(../images/arrow_r.png) right center no-repeat;
}

/* footer
---------------------------------------------*/
#footer h2,#footer p{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	color: #fff;
	border:none;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#fattend1 {
	position: absolute;
	top: 20px;
	left: 50px;
}
#fattend2 {
	position: absolute;
	top: 45px;
	left: 50px;
}
#fnav {
	position: absolute;
	top: 20px;
	right: 50px;
}
#fnav li {
	float:left;
	margin-left: 10px;
	padding-left: 10px;
	background: url(../images/arrow_r.png) left center no-repeat;
}
#copyright {
	position: absolute;
	top: 45px;
	right: 50px;
}

/* lineup
---------------------------------------------*/
.boxper3 {
	float:left;
	width:280px;
	text-align:center;
}
.boxper{
	margin-top: 2em;
	border-top:1px dotted #4387a5;
}
.boxper3 h3{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 0;
	color:#4387a5;
	font-size: 100%;
	background: none;
}
/* contact
---------------------------------------------*/
.contact1 {
	font-size: 140%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 0.1em;
}
.contact2 {
	font-size: 100%;
	font-weight:bold;
	letter-spacing: 0.1em;
}
.lineupleft {
	float:left;
	width:458px;
	padding-left:12px;
}
.lineupright {
	float:right;
	width:380px;
}
.lineupleft img {
	border:1px solid #e5e5e5;
	padding: 5px;
}