@charset 'UTF-8';
/** --------------------------------------------------
 * Copyright (C) Netsket Inc. (http://netsket.com)
 * Author: TETSUWO.OISHI
 */

/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration:line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/* ----------------------------------------------------------------------- anchor -- */

a {
	color:#2d59b3;
	text-decoration:underline;
}

a:visited {
	color:#2d59b3;
}

a:hover {
	color:#1e90ff;
}



/* ----------------------------------------------------------------------- body -- */

body {
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:15px;
	line-height:1.4;
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;*/
	font-family:'Hiragino Kaku Gothic Pro',Meiryo,Arial,Verdana,sans-serif;
}




/* ----------------------------------------------------------------------- Clear Settings -- */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}/* IE-mac */
.clearfix {display:block;}/* IE-mac */



/* ----------------------------------------------------------------------- Align Settings -- */

.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important; margin:0 auto !important;}
.fl {float:left !important;}
.fr {float:right !important;}



/* ---------------------------------------------------------------------- margin / padding settings -- */

.mt {margin-top:1em !important;}
.mr {margin-right:1em !important;}
.mb {margin-bottom:1em !important;}
.ml {margin-left:1em !important;}
.mt05 {margin-top:0.5em !important;}
.mr05 {margin-right:0.5em !important;}
.mb05 {margin-bottom:0.5em !important;}
.mt15 {margin-top:1.5em !important;}
.mr15 {margin-right:1.5em !important;}
.mb15 {margin-bottom:1.5em !important;}
.ml2 {margin-left:2em !important;}
.mt2 {margin-top:2em !important;}
.mr2 {margin-right:2em !important;}
.mb2 {margin-bottom:2em !important;}
.ml2 {margin-left:2em !important;}

.pt {padding-top:1em;}
.pr {padding-right:1em;}
.pb {padding-bottom:1em;}
.pl {padding-left:1em;}



.block  {display:block;}
.none   {display:none;}
.inline {display:inline;}
.all    {width:100%;}



/* ---------------------------------------------------------------------- border radius settings -- */

.r10a  {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.r10tl {border-radius-topleft:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;}
.r10tr {border-radius-topright:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;}
.r10bl {border-radius-bottomleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;}
.r10br {border-radius-bottomright:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;}

.r8a  {border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.r8tl {border-radius-topleft:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px;}
.r8tr {border-radius-topright:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px;}
.r8bl {border-radius-bottomleft:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px;}
.r8br {border-radius-bottomright:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px;}

.r6a  {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.r6tl {border-radius-topleft:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
.r6tr {border-radius-topright:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
.r6bl {border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;}
.r6br {border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;}



/* ----------------------------------------------------------------------- gradation settings -- */

.whiteCover {
	background:-moz-linear-gradient(
		-90deg,
		rgba(255,255,255,0.3),
		rgba(255,255,255,0)
	);
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0,rgba(255,255,255,0.3)),
		color-stop(1,rgba(255,255,255,0))
	);
}



/* ----------------------------------------------------------------------- button settings -- */

a.button {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: .1em .7em;
	border: 1px solid #3163a0;
	background: #2661a1;
	background-image: -moz-linear-gradient(top, #719fd1, #2661a1);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #719fd1),color-stop(1, #2661a1));
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

a.button:hover {
	background-image: -moz-linear-gradient(top, #719fd1, #4e82ba);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #719fd1),color-stop(1, #4e82ba));
}

a.button:visited {
	color: #fff;
}

a.button:active {
	color: #fff;
	background-image: -moz-linear-gradient(top, #2661a1, #719fd1);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2661a1),color-stop(1, #719fd1));
}

a.button:active {
	color: #fff;
}

a.button span {
	position: absolute;
	top: -1000em;
	left: -1000em;
}


a.btn {
	display: block;
	border: solid 1px #111;
	background-color:#8c0;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(110, 110, 110)),color-stop(1, rgb(48, 48, 48)));
	background-image:-moz-linear-gradient(-90deg,rgb(110, 110, 110) 0%,rgb(48, 48, 48) 100%);
	background-image:linear-gradient(-90deg,rgb(110, 110, 110) 0%,rgb(48, 48, 48) 100%);
	color: black;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.9);
	text-align: left;
	text-decoration: none;

	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	margin-bottom:1em;
}

a.btn span {
	display:block;
	padding:5px 10px 0 10px;
	-webkit-transition: color,-webkit-box-shadow 0.5s ease-out;
	-o-transition: color,box-shadow 0.5s ease-out;
}

a.btn strong {
	display:block;
	font-weight:bold;
	padding:0px 10px;
}

a.btn b {
	display:block;
	font-weight:bold;
	text-align:right;
	padding:0 10px 5px 0;
}

a.btn1 {
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.2),
		1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.2),
		1px 1px 2px rgba(0,0,0,0.5);
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.2),
		1px 1px 2px rgba(0,0,0,0.5);
}




/* ---------------------------------------------------------------------- Settings of NetsketForm -- */

.NSF_errors {
	margin:0 0 10px 0;
	padding:5px 10px;
	border:1px solid #ffcc66;
	background-color:#ffffcc;
}

.NSF_errors p {
	margin:0;
}

.NSF_errors p em {
	color:#d00;
	font-style:normal;
	font-weight:bold;
}

.NSF_errors b {
	font-weight:bold;
	color:#f00;
}

.NSF_errors ul {
	margin:8px 0;
	padding:0;
}

.NSF_errors ul li {
	list-style:disc inside;
	padding-right:2px;
}

.NSF_errors span {
	color:#00f;
}

.NSF_required {
	font-size:100%;
	font-style:normal;
	color:#d00;
}

.NSF_error {
	border-color:#d00 !important;
	background-color:#fcf !important;
}

select,
input,
textarea {
	padding:1px;
}

select,
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="radio"],
input[type="file"],
textarea {
}

select:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="file"]:hover,
textarea:hover {
	background-color:#eee;
}

input:focus,
input.error:focus,
select.error:focus,
textarea:focus {
	background-color:#ffc!important;
	border-color:#fc6!important;
}

div.radio input {margin:0px 2px!important; vertical-align:middle!important;}




/* ----------------------------------------------------------------------- button settings -- */

input[type='submit'] {
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	padding:2px 5px;
	border:1px solid #999999;
	background-color:#999999;
	background-image:-moz-linear-gradient(top, #999999, #777777);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #999999),color-stop(1, #777777));
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
}

input[type='submit']:hover {
	color:#fff;
	background-image:-moz-linear-gradient(top, #dddddd, #999999);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #dddddd),color-stop(1, #999999));
}

input[type='submit']:active {
	color:#fff;
	background-image:-moz-linear-gradient(top, #616161, #999999);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #616161),color-stop(1, #999999));
}



/* ----------------------------------------------------------------------- List Settings -- */

ul.list01 {
	padding:0;
	margin-bottom:0.5em;
	list-style:none;
	line-height:1.5;
	border:1px dotted #999999;
	border-top:0px;
}

ul.list01 li {
	background:#f9f9f9 url('/img/list/arrow01.png') no-repeat 5px center;
	border-top:1px dotted #999999;
	color:#555555;
	display:block;
	padding:5px 0 5px 15px;
	line-height:1.5;
	text-decoration:none;
	margin:0;
}



ul.list02 {
	padding:0;
	margin-bottom:0.5em;
	list-style:none;
	line-height:1.5;
}

ul.list02 li {
	background:transparent url('/img/list/arrow01.png') no-repeat 5px 8px;
	color:#555555;
	display:block;
	padding:2px 0 2px 15px;
	line-height:1.5;
	text-decoration:none;
	margin:0;
}



ul.banner468x60 li {
	margin-bottom:1em;
}

ul.banner468x60 li a {
	display:block;
	border:1px solid #ddd;
	width:468px;
	height:60px;
}

ul.banner468x60 li a:hover {
	border:1px solid #36b;
}

ul.banner468x60 li a img {
	width:468px;
	height:60px;
}



/* ----------------------------------------------------------------------- Definion List Settings -- */

dl.dl01 {
	font-size:13px;
}

dl.dl01 dt {
	display:block;
	width:100px;
	border-bottom:2px solid #666;
	padding:2px 0;
	margin-bottom:3px;
	text-align:left;
}

dl.dl01 dd {
	display:block;
	margin-left:30px;
	margin-bottom:3px;
}



dl.dl02 {
	font-family:'MS Gothic',monospace,'Arial',sans-serif;
	font-size:14px;
	background-color:#fff;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	line-height:1.2;
	border:1px dotted #999;
	border-bottom:0;
}

dl.dl02 dt {
	width:130px;
	float:left;
	clear:both;
	text-align:left;
	font-weight:bold;
	color:#666;
	padding:5px 5px;
}

dl.dl02 dd {
	color:#444;
	padding:5px 5px;
	border-bottom:1px dotted #999;
}

dl.dl02 dd:hover {
	color:#000;
	background-color:#f5f5f5;
}


dl.dl03 {
}

dl.dl03 dt {
	width:8em;
	margin-bottom:0.5em;
	float:left;
	font-family:'MS Gothic',monospace,'Arial',sans-serif;
}

dl.dl03 dd {
	border-left:2px solid #333;
	padding-left:10px;
	margin-left:9em;
	margin-bottom:0.5em;
}


/* ----------------------------------------------------------------------- Across List Settings -- */

.pointTitle {
	height:30px;
	margin-bottom:1em;
}

.pointTitle ul {
	background:url('/img/list/headline-bg-whole.png') no-repeat right 0;
	height:30px;
	display:block;
}

.pointTitle ul li {
	float:left;
	white-space:nowrap;
}

.pointTitle ul li a {
	display:block;
	padding:0 10px;
	border-right:1px solid #bbb;
	font-weight:bold;
	font-size:12px;
	line-height:28px;
	font-family:'Arial';
	text-decoration:none;
	color:#555;
	background:url('/img/list/headline-bg.png') no-repeat -5px -120px;
}

.pointTitle ul li a:hover {
	background-position:-5px -90px;
	color:#555;
}

.pointTitle ul li.f-red a         {background:url('/img/list/headline-bg.png') no-repeat 0  -60px; color:#fff;}
.pointTitle ul li.f-red a:hover   {background:url('/img/list/headline-bg.png') no-repeat 0  -30px; color:#fff;}
.pointTitle ul li.f-green a       {background:url('/img/list/headline-bg.png') no-repeat 0    0px; color:#fff;}
.pointTitle ul li.f-green a:hover {background:url('/img/list/headline-bg.png') no-repeat 0  -30px; color:#fff;}
.pointTitle ul li.f-blue a        {background:url('/img/list/headline-bg.png') no-repeat 0  -60px; color:#fff;}
.pointTitle ul li.f-blue a:hover  {background:url('/img/list/headline-bg.png') no-repeat 0  -30px; color:#fff;}
.pointTitle ul li.f-gray a        {background:url('/img/list/headline-bg.png') no-repeat 0  -90px; color:#444;}
.pointTitle ul li.f-gray a:hover  {background:url('/img/list/headline-bg.png') no-repeat 0  -90px; color:#444;}
.pointTitle ul li.f-white a       {background:url('/img/list/headline-bg.png') no-repeat 0 -120px; color:#444;}
.pointTitle ul li.f-white a:hover {background:url('/img/list/headline-bg.png') no-repeat 0 -120px; color:#444;}



/* ----------------------------------------------------------------------- text banner settings -- */

.textBanner a {
	margin-bottom:1em;
	border:1px solid #ddd;
	padding:5px 10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	font-family:'Meiryo';
	background-color:#eee;
	color:#666;
	display:block;
	text-decoration:none;
	line-height:1.3;
}

.textBanner a strong {
	font-weight:bold;
	display:block;
	text-shadow:0 -1px 0 rgba(0,0,0,0.3);
}

.textBanner a span {
	display:block;
	font-size:80%;
	text-align:right;
	color:#999;
	font-weight:normal;
}

.textBanner a:hover,
.textBanner a:hover span {
	color:#fff;
}

.textBanner a:hover {
	background-color:#999999;
}



/* ----------------------------------------------------------------------- twitter dl/dt/dd settings -- */

dl.timeline a.date {
	font-size             : 100%;
	text-decoration       : none;
	color                 : #aaa;
}

dl.timeline a.user {
	padding               : 2px 4px;
	border-radius         : 4px;
	-webkit-border-radius : 4px;
	-moz-border-radius    : 4px;
	text-decoration       : none;
	line-height           : 1.0;
	font-size             : 85%;
}

dl.timeline a.user       {background-color:#bbb; color:#fff!important; border:1px solid #aaa;}
dl.timeline a.user:hover {background-color:#ccc; color:#fff!important;}

dl.timeline a.boxlink {
	padding               : 2px 4px;
	border-radius         : 4px;
	-webkit-border-radius : 4px;
	-moz-border-radius    : 4px;
	text-decoration       : none;
	line-height           : 1.0;
	font-size             : 85%;
}

dl.timeline a.boxlink       {background-color:#fff; color:#ccc!important; border:1px solid #ccc;}
dl.timeline a.boxlink:hover {background-color:#aaa; color:#fff!important;}

dl.timeline .tweet {
	display               : block;
	word-break            : break-all;
	font-size             : 100%;
}


dl.timeline {
	margin                : 0 0 1em 0;
	border-bottom         : 1px dotted #bbb;
}

dl.timeline:last-child {
	border-bottom         : 0;
}

dl.timeline dt {
	width:48px;
	margin-bottom:0.5em;
	float:left;
}

dl.timeline dd {
	/*border-left:2px solid #bbb;*/
	padding-left:10px;
	margin-left:53px;
	margin-bottom:0.5em;
}

dl.timeline dd .clearfix {
	height:2em;
}




/* ----------------------------------------------------------------------- simpleHorizontal settings -- */

.simpleHorizontal {
	font-size:13px;
	background-color:#fff;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	line-height:1.2;
	width:100%;
}

.simpleHorizontal thead th {
	font-size:13px;
	text-align:center;
	font-weight:bold;
	color:#666;
	padding:7px 10px;
	border-bottom:2px solid #000;
}

.simpleHorizontal tbody tr {
	border-bottom:1px solid #ccc;
}

.simpleHorizontal tbody tr th,
.simpleHorizontal tbody tr td {
	color:#444;
	padding:7px 10px;
	vertical-align:top;
}

.simpleHorizontal tbody tr th {
	font-weight:bold;
}

.simpleHorizontal tbody tr td {
	border-left:3px solid #ddd;
}



/* ----------------------------------------------------------------------- works table settings -- */

#worksManager {
	margin-bottom:40px;
}

.backtoManager {
	margin-bottom:40px;
	text-align:right;
}

.worksTitle {
	display:block;
	color:#3366bb;
	margin-bottom:1em;
}

.worksTable {
	font-size:12px;
	background-color:#fff;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	line-height:1.2;
	width:100%;
}

.worksTable thead th {
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#666;
	padding:7px 10px;
	border-bottom:2px solid #000;
}

.worksTable tbody tr {
	border-bottom:1px solid #ccc;
}

.worksTable tbody tr th,
.worksTable tbody tr td {
	color:#444;
	padding:7px 10px;
	vertical-align:top;
}

.worksTable tbody tr th {
	font-weight:bold;
	white-space:nowrap !important;
	
}

.worksTable tbody tr td {
	border-left:3px solid #ddd;
}



/* ----------------------------------------------------------------------- simple settings -- */

table.simple {
	border-collapse:separate;
	border-spacing:0;
	border-top:2px solid #CCC;
	border-bottom:1px solid #CCC;
	width:100%;
}

table.simple th {
	border-bottom:1px solid #CCC;
	padding:5px;
	text-align:left;
}

table.simple td {
	border-bottom:1px solid #CCC;
	padding:5px;
}



/* ----------------------------------------------------------------------- Orthodox settings -- */

table.orthodox {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-collapse:separate;
	border-spacing:0;
	width:100%;
}

table.orthodox p {
	text-indent:0 !important;
	margin-bottom:0 !important;
	line-height:1.0 !important;
	color:#999 !important;
}

table.orthodox th {
	border-top:1px solid #f5f5f5;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #f5f5f5;
	vertical-align:top;
}

table.orthodox th.required {
	border-right:5px solid #dd0000;
}

table.orthodox td {
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	vertical-align:top;
}

table.orthodox th,
table.orthodox td {
	padding:6px;
}

table.orthodox tbody th {
	background-color:#eeeeee;
}

table.orthodox tr td.submit {
	border-top:1px solid #e5e5e5;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #e5e5e5;
	background-color:#dddddd;
	color:#fff;
	text-align:center;
}

table.orthodox textarea {
	width:98%;
}

table.orthodox input,select {
	vertical-align:middle;
}




/* ----------------------------------------------------------------------- barTitle settings -- */

.barTitle {
	padding:2px 10px;
	border:1px solid #aaa;
	background-color:#fff;
	background-image:-moz-linear-gradient(top, #ffffff, #dddddd);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #dddddd));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd');
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
	font-size:12px;
	margin-bottom:1em;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
}

.barTitle,
.barTitle a {
	color:#444;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-family:'Arial','Trebuchet MS','Verdana',sans-serif;
	/*text-shadow:0px 1px 1px rgba(0,0,0,0.3);*/
}

.barTitle a:hover {
	color:#888;
}



/* ----------------------------------------------------------------------- h2`h4 title settings -- */

.title2 {
	color:#333333;
	font-weight:bold;
	border-left:5px solid #333333;
	padding-left:0.5em;
	margin-bottom:1em;
	margin-top:1em;
	font-size:16px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
}

.title3 {
	color:#333333;
	font-weight:bold;
	border-bottom:1px solid #555555;
	padding-bottom:0.1em;
	margin-bottom:1em;
	margin-top:1em;
	font-size:15px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
}



/* ----------------------------------------------------------------------- headline settings -- */

.hl {
	margin:0 0 1em 0;
	padding:10px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:20px;
	text-align:left;
	font-weight:bold;
	font-family:'Meiryo';
	text-shadow:0 -1px 0 rgba(0,0,0,0.3);
	border:1px solid #777777;
	color:#fff;
	background-color:#999999;
	line-height:1.4;
	position:relative;
	text-transform:capitalize;
}

.hl a {
	z-index:100;
	color:#fff;
	text-decoration:none;
	font-size:13px;
}

.hl small {
	margin-left:0.5em;
	font-family:'Arial';
	font-size:80%;
}





/* ----------------------------------------------------------------------- container -- */

#container {
	margin:0 auto;
	width:950px;
}



/* ----------------------------------------------------------------------- header -- */

#header {
	padding:10px 0;
	background-color:#999999;
	border-bottom:2px solid #777777;
	margin-bottom:30px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
}



/* ----------------------------------------------------------------------- pagebody -- */

#pagebody {
	margin-top:0;
	min-height:600px;
	padding:0 0 30px 0;
}

#main {
	float:left;
	width:730px;
}

#menu {
	float:right;
	text-align:left;
	width:200px;
	background-color:#f5f5f5;
	border:1px solid #dddddd;
}

#menu .fixMB {
	margin-bottom:1em;
}



/* ----------------------------------------------------------------------- footer -- */

#footer {
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
	color:#fff;
	clear:both;
	text-align:center;
	padding:30px 0 100px 0;
	position:relative;
	background-color:#999999;
	background-image:-moz-linear-gradient(top, #777777, #999999);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #777777),color-stop(1, #999999));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#777777',EndColorStr='#999999');
	border-top:1px solid #777777;
	box-shadow:inset 0 2em 15px -2em rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 2em 15px -2em rgba(0,0,0,0.4);
	-webkit-box-shadow:inset 0 2em 15px -2em rgba(0,0,0,0.4);
}




/* ----------------------------------------------------------------------- logo -- */

#header .inner {
	width:950px;
	margin:0 auto;
	position:relative;
}



/* ----------------------------------------------------------------------- logo -- */

#header hgroup {
	display:block;
	float:left;
	width:200px;
	text-align:left;
}

#header hgroup h1 a {
	display:block;
	margin:0 0 0 10px;
	width:140px;
	height:32px;
	line-height:32px;
	font-family:'Times New Roman';
	font-weight:bold;
	font-size:35px;
	text-shadow:0 1px 4px #bbb;
	color:#000;
	text-decoration:none;
	letter-spacing:-1px;
	/*background:#ffffff url('/img/logo/logo_06.png') no-repeat 0 0;*/
}

#header hgroup h1 a span {
	display:none;
}

#header hgroup h1 a:hover {
	color:#fff;
}



/* ----------------------------------------------------------------------- bg -- */

#headerBg {
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}




/* ----------------------------------------------------------------------- navigation -- */

#nav {
	float:right;
	width:750px;
}

#nav ul {
	float:right;
	display:block;
	margin:0 10px 0 0;
}

#nav ul li {
	float:left;
	display:block;
	height:32px;
	margin-left:20px;
	padding-left:20px;
}

#nav ul li a {
	display:block;
	line-height:32px;
	font-family:'Lucida Grande', 'Geneva', 'Arial', 'Verdana', sans-serif;
	font-size:13px;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	color:#333;
	text-decoration:none;
	text-transform:capitalize;
}

#nav ul li a:hover {
	color:#fff;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
}

#nav ul li.home {
	margin-top:0;
	border-left:0;
}




/* ----------------------------------------------------------------------- Paragraph Settings -- */

#pagebody {
	line-height:1.7;
	font-size:85%;
	color:#444;
}

#pagebody p {
	margin-bottom:1.5em;
	line-height:1.7;
	/*text-indent:0.5em;*/
	font-size:100%;
	color:#444;
}

#pagebody p.noIndent {
	margin-bottom:1em;
	line-height:1.7;
	text-indent:0;
	font-size:100%;
	color:#444;
}

#pagebody .msg01 {
	margin-bottom:1em;
	line-height:1.5;
	font-size:100%;
	border:1px solid #ddd;
	text-indent:0;
	padding:0 20px;
	background-color:#e4f0ff;
}

#pagebody p.message {
	margin-bottom:1em;
	line-height:1.5;
	font-size:100%;
	border:1px solid #ddd;
	text-indent:0;
	padding:0.5em 0.7em;
	background-color:#e4f0ff;
}



/* ----------------------------------------------------------------------- Inner Padding Settings -- */

#pagebody div.inner {
	padding:0 15px;
}

#pagebody div.info {
	margin-bottom:1.5em;
}

#pagebody div.footnote {
	color:#777;
	margin-top:1.5em;
	margin-bottom:1.5em;
}



/* ----------------------------------------------------------------------- top page settings -- */

#RectangleBlinder {
	margin:0 0 30px 0;
}

#topIntro {
	display:none;
	margin:0 0 30px 0;
	color:#111;
	font-size:25px;
	text-align:left;
	font-weight:bold;
	font-family:'Meiryo';
	line-height:1.4;
	position:relative;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
}

#topIntro a {
	z-index:100;
	color:#666;
	text-decoration:none;
	font-size:13px;
}

#topIntroBg {
	position:absolute;
	right:0;
	top:0;
}

#topIntroBg canvas {
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.topL {
	float:left;
	width:730px;
}

.topR {
	float:right;
	width:200px;
}



/* ----------------------------------------------------------------------- style changer settings -- */

#styleChanger {
	position:absolute;
	right:0;
	top:80px;
	width:18px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	background-color:#fff;
}

#styleChanger ul li {
	list-style:none;
	padding:1px;
	margin:0;
}

#styleChanger li a {
	width:16px;
	height:16px;
	display:block;
	background-color:#ddd;
}

#styleChanger li a span {
	display:none;
}

#styleChanger li.r a {background-color:#dd0000;}
#styleChanger li.g a {background-color:#88cc00;}
#styleChanger li.b a {background-color:#1e90ff;}
#styleChanger li.m a {background-color:#999999;}




/* ----------------------------------------------------------------------- menu -- */

#menu ul {
	border:0 solid #111;
	padding:0;
	font-size:13px;
}

#menu .title {
	border:0 solid #ccc;
	border-top:3px solid #999;
	border-bottom:1px solid #aaa;
	padding:4px 10px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	background-color:#bbb;
}

#menu ul li {
	display:block;
	border-bottom:1px dotted #ddd;
	border-left:8px solid #ddd;
}

#menu ul li:first-child {
	margin-top:0;
}

#menu ul li a {
	text-align:left;
	display:block;
	line-height:1.4;
	text-decoration:none;
	padding:4px 4px 5px 12px;
	background:transparent url('/img/list/arrow01.png') no-repeat 4px 10px;
}

#menu ul li a {
	color:#444;
	background-color:#fff;
}

#menu ul li a span {
	color:#666;
	display:block;
	font-weight:normal;
}

#menu ul li a:hover {
	background-color:#eee;
}

#menu ul li a:hover span {
	color:#444;
}

#menu ul li.F a span {
	color:#333;
	font-weight:bold;
}



/* --------------------------------------------------------------------------------- inner -- */

#footer .inner {
	width:950px;
	margin:0 auto;
	position:relative;
}



/* --------------------------------------------------------------------------------- etcetera -- */

#footer,
#footer a {
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	color:#fff;
	text-decoration:none;
}

#footer a:hover {
	color:#ddd;
}

#etcetera .footerMessage {
	text-align:center;
	padding-bottom:50px;
}



/* --------------------------------------------------------------------------------- Footers etc -- */

#footer .footerNav {
	padding-bottom:10px;
	text-align:left;
}

#footer .footerNav a.F {
	font-weight:bold;
}

#footer .footerPR {
	margin-top:10px;
	text-align:right;
	float:right;
}

#footer address {
	margin-top:10px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	float:left;
	display:block;
}

#footer address img {
	vertical-align:middle;
}

#footer address p {
	text-align:left;
}



/* --------------------------------------------------------------------------------- Footer Lists Settings -- */

#footer ul {
	display:inline;
}

#footer ul li {
	display:inline;
	float:left;
	padding:0 4px 0 1px;
	border-left:1px solid #616161;
	background-color:transparent;
}

#footer ul li a {
	padding-left:3px;
}

#footer ul li.last {
}

#footer ul li.first,
#footer ul li.first a,
#footer ul li.home,
#footer ul li.home a {
	padding-left:0;
	border:none;
}

#footer ul li.none {
	border:none;
	padding:0;
}



/* --------------------------------------------------------------------------------- Footer Page Top Settings -- */

#footer .pagetop {
	position:absolute;
	top:-50px;
	right:0;
}

#footer .pagetop a {
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-bottom:0;
	border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	display:block;
	width:80px;
	height:19px;
	line-height:19px;
	background-color:#616161;
	text-align:center;
	color:#fff;
	font-family:'Arial',sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#footer .pagetop a:visited {
	color:#fff;
}

#footer .pagetop a:hover {
	background-color:#fff;
	color:#333;
	border:none;
	border-bottom:1px solid #888;
}