@charset "UTF-8";
/* font
family : sans-serif, serif, monospace, (fantasy), (cursive)
win : "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", 
Mac : "ヒラギノ角ゴ Pro W3" 
office : 
Windows・Macintosh default font :
Arial, "Arial Black", "Comic Sans MS", "Courier New", Georgia, Impact, "Times New Roman", "Trebuchet MS", Verdana
*/
/* block element
body, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, table, caption, colgroup, col, thead, tbody, tfoot, tr, th, td, hr, fieldset, legend, form, dl, dt, dd
*/
body {
	margin:	0;
	padding:	0;
	font-size:	100.1%;
	font-family:	"ＭＳ Ｐゴシック", sans-serif;
	color:	black;
	background:	#6583b1;
}
body#tinymce {				/* tinymce */
	background:	white;
	font-size:	1.000em;
	/*width:	859px;*/
}
dt {
	margin:	0 0 0.2em;
	padding:	0 0 1px;
	line-height:	1.5em;
	font-size:	0.875em;
}
dd {
	margin:	0 0 0.6em 3em;
	padding:	0 0 1px;
	line-height:	1.5em;
	font-size:	0.875em;
}
/* inline element
a, abbr, bdo, br, button, cite, code, del, dfn, em, img, input, ins, kbd, label, map, object, q, samp, script, select, span, strong, sub, sup, textarea, var
*/
h1 {
	margin:	0 0 1.6em 0;
	border-bottom-width:	3px;
	border-bottom-style:	dotted;
	border-bottom-color:	#bbb;
	padding:	0;
	line-height:	1.4em;
	font-size:	1.000em;
}
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
	clear:	both;
	margin:	3.0em 0 1.5em;
	border-color:	#ea9700;
	padding:	0.2em 0 0.2em 1.0em;
	line-height:	1.4em;
	color:	#444;
	font-family:	"ＭＳ Ｐ明朝", serif;
	font-weight:	bold;
	/* background:	#ddd; */
}
h2 + h3 {
	margin-top:	1.5em;
}
h2 {
	border-left-width:	8px;
	border-left-style:	solid;
	font-size:	1.000em;
}
h3 {
	margin:	1.5em 0 1.0em;
	border-left-width:	8px;
	border-left-style:	solid;
	border-color:	#bbb;
	font-size:	0.875em;
}
h4, .h4 {
	margin:	1.0em 0 0.7em;
	border-left-width:	6px;
	border-left-style:	double;
	border-color:	#bbb;
	padding:	0em 0 0em 1.0em;
	font-size:	0.875em;
}
h5, h6 {
	margin:	1.0em 0 0.7em;
	border-left-width:	3px;
	border-left-style:	solid;
	border-color:	#bbb;
	padding:	0em 0 0em 1.0em;
	font-size:	0.875em;
}
p {
	margin:	0 0 0.7em;
	padding:	0 0 1px;
	line-height:	1.6em;
	text-align:	justify;
	text-justify:	inter-ideograph;
	font-size:	0.875em;
}
address {
	font-weight:	normal;
	font-style:	normal;
}
ul {
	margin:	1.2em 0;
	padding:	0 0 0 2em;
}
ol {
	margin:	1.2em 0;
	padding:	0 0 0 2em;
}
li {
	margin:	0 0 0.6em;
	padding:	0 0 1px;
	line-height:	1.5em;
	font-size:	0.875em;
}
li li, li li li, li li li li {
	font-size:	1em;
}
table {
	margin:	1.2em;
	border-collapse:	collapse;
	border:	2px solid #bbb;
	padding:	0;
}
caption {
	margin:	1.2em 0 0;
	padding:	0;
	font-size:	0.875em;
}
colgroup {
	/*margin padding can't */
}
col {
	/*margin padding can't */
}
thead {
	/*margin padding can't */
}
tbody {
	/*margin padding can't */
}
tfoot {
	/*margin padding can't */
}
tr {
	/*margin padding can't */
}
th {
	/*margin can't */
	border:	1px solid #bbb;
	padding:	0.2em;
	vertical-align:	middle;
	line-height:	1.5em;
	font-size:	0.750em;
	font-weight:	normal;
}
td {
	/*margin can't */
	border:	1px solid #bbb;
	padding:	0.2em;
	vertical-align:	top;
	line-height:	1.3em;
	font-size:	0.875em;
}
hr {
}
a {
	border:	0px solid #aaa;
	border-bottom-width:	1px;
	text-decoration:	none;
	color:	#000;
}
a:link {
}
a:visited {
	border:	0px dotted #999;
	border-bottom-width:	1px;
	color:	#666;
}
a:hover {
	border-color:	#EA9700; /* color orange */
	/*font-weight:	bold;*/
	color:	#EA9700;
}
a:active {
	border-color:	#EA9700;
	font-weight:	bold;
	color:	#EA9700;
}
abbr {
	padding-right:	0.3em;
	vertical-align:	3%;
	font-family:	"Arial Black";
	font-size:	85%;
	color:	#333;
}
del {
}
em {
}
img {
	border-width:	0;
}
ins {
}
strong {
}
sup {
	vertical-align:	1em;
	font-size:	50%;
}
/* --------------------------------------- grid */

#container { width: 	940px;
}
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12,
.w13, .w14, .w15, .w16, .w17, .w18, .w19, .w20, .w21, .w22, .w23, .w24 {
	margin-right: 	29px;
	float: left; }
.last { margin-right: 	0 ; }
.w1 { width: 	8px; }
.w2 { width: 	45px; }
.w3 { width: 	82px; }
.w4 { width: 	119px; }
.w5 { width: 	156px; }
.w6 { width: 	193px; }
.w7 { width: 	230px; }
.w8 { width: 	267px; }
.w9 { width: 	304px; }
.w10 { width: 	341px; }
.w11 { width: 	378px; }
.w12 { width: 	415px; }
.w13 { width: 	452px; }
.w14 { width: 	489px; }
.w15 { width: 	526px; }
.w16 { width: 	563px; }
.w17 { width: 	600px; }
.w18 { width: 	637px; }
.w19 { width: 	674px; }
.w20 { width: 	711px; }
.w21 { width: 	748px; }
.w22 { width: 	785px; }
.w23 { width: 	822px; }
.w24 { width: 	859px; }

/* ------------------------------------ layout */


#container {
	margin:	auto;
}
#col0, #col1, #col2 {
	clear:	both;
	position:	relative;
	padding:	40px;
	background:	white;
}

#col0, #col1 {
	background:	white;
}
#subMenu {
	clear:	both;
}
#col2 {
	background:	white;
}
#foot {
	clear:	both;
}
/* ------------------------------------ head */

#head p, #head abbr, #head li, #head a {
	color:	white;
	border-color:	#aaa;
}
#head a:hover {
	border-color:	yellow;
	font-weight:	bold;
	color:	yellow;
}
#head p {
	float:	left;
	margin:	0;
	padding:	6px 0 6px 30px;
	font-size:	1.250em;
	font-weight:	bold;
}
#head h4, #head hr {
	display:	none;
}
#globMenu p {
	display:	none;
}
#head ul {
	margin:	0;
	padding:	6px 30px 0 0;
}
#head li {
	float:	right;
	margin:	6px 0 0 0.5em;
	border:	0 solid #aaa;
	border-right-width:	1px;
	padding:	0 0.5em 0 0;
	list-style:	none;
	font-size:	0.875em;
}
#head li.last {
	border-width:	0;
	padding-right:	0;
}

/* ------------------------------------ subMenu */

.frontPage #subMenu {
	height:	48px;
	overflow:	auto;
}
#subMenu p, #subMenu hr {
	display:	none;
}
#subMenu ul {
	margin:	0;
	padding:	0 0 0 70px;
}
.frontPage #subMenu ul {
	padding-top:	14px;
}
#subMenu li {
	float:	left;
	margin:	0;
	padding:	0 0 6px 0;
	width:	200px;
	list-style:	none;
	text-align:	center;
	font-size:	0.875em;
}
.frontPage #subMenu li {
	font-size:	1em;
}
#subMenu li, #subMenu a {
	color:	white;
	border-color:	#aaa;
}
#subMenu a:hover {
	border-color:	yellow;
	font-weight:	bold;
	color:	yellow;
}
/* ------------------------------------ #topNavi */

#topNavi {
	font-size:	0.750em;
	position:	absolute;
	right:	40px;
	top:	16px;
	color:	gray;
}
/* -------------------------------------- .desc */

.desc h2 {
	margin:	0 0 0.5em 0;
	border-width:	0;
	padding:	5px 0 5px 35px;
	font-size:	1em;
	background-image:	url(img/ball-orange.jpg) ;
	background-repeat:	no-repeat;
}
.desc p {
	margin-left:	35px;
}
.desc ul {
	margin:	0;
	padding-left:	8px;
}
.desc li {
	background:	no-repeat url(img/ball-blue.jpg);
	list-style-type:	none;
	padding-left:	28px;
}
.desc li.last {
	margin-bottom:	0;
}
.desc h3.last {
	margin-bottom:	0;
}
/* ------------------------------------ #content */
.subPage #content {
	margin-top:	5em;
	padding-top:	1em;
	border-top:	2px dotted silver;
}
div#TOC {
	float:	left;
}
.subPage #TOC h5, #TOC p {
	display:	none;
}
.entryPage div#TOC {
	border:	1px solid silver;
	padding-left:	15px;
	padding-right:	15px;
	width:	234px;
}
/* ------------------------------------ siteNavi */

#siteNavi {
	position: fixed !important;	/* main.js */
	position: absolute;
	display:	none;
	bottom:	0;
	left:	0;			/* --main.js */
	border-top: 4px solid #52698F;
	width:	100%;
}
* html #siteNavi {			/* ie6 */
	border-top-width:	0;
	border-bottom: 4px solid #52698F;
}
#inSiteNavi {
	position:	relative;
	display:	block;
	width:860px;
	margin:0 auto;
	padding:10px 40px 20px;
	background-image: url(img/trans-bg.png);
}
#siteNavi hr {
	display:	none;
}
p#siteNaviTitle {
	margin:	0;
	padding:	0;
	border-width:	0;
	border-bottom:	3px dotted #bbb;
	text-align:	center;
	font-family:	"ＭＳ Ｐ明朝", serif;
	font-weight:	bold;
}
.navi .naviBtn {
	position:	relative;
	top:	-24px;
	left:	830px;
	color:	white;
	background-color:	gray;
}
.navi p {
	margin:	1em 0 ;
	border-left-width:	3px;
	border-left-style:	solid;
	border-color:	#bbb;
	padding:	0em 0 0em 1.0em;
	font-weight:	bold;
	font-family:	"ＭＳ Ｐ明朝", serif;
}
.navi ul {
	margin:	0.2em 0;
}
.navi li {
	margin: 0 0 0.1em;
}
address {
	clear:	both;
	margin:	0 0 0.7em;
	padding:	2em 0 1px;
	text-align:	right;
	line-height:	1.2em;
	font-size:	0.875em;
}
#rightAddress {
	display: block;
	position: absolute;
	top: 16px;
	right: 0;
	text-align: right;
}
* html #rightAddress { right: 36px } /* ie6 */
address span span {
	font-size:	0.875em;
	color:	#555;
}
/* ------------------------------------ foot */
#foot {
	margin:	0 0 0 1em;
	padding:	10px 0 10px 1.5em;
}
#foot p {
	margin:	0;
	padding:	0;
	text-align:	center;
	font-size:	0.875em;
	font-family:	"Times New Roman";
	color:	#255db1;	/* RoyalBlue3 */
}
#foot p span {
	color:	white;
}

/* ----------------------------------------- class */
.w1:after, .w2:after, .w3:after, .w4:after, .w5:after, .w6:after,
.w7:after, .w8:after, .w9:after, .w10:after, .w11:after, .w12:after,
.w13:after, .w14:after, .w15:after, .w16:after, .w17:after, .w18:after,
.w19:after, .w20:after, .w21:after, .w22:after, .w23:after, .w24:after {
	content: url(scripts/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12,
.w13, .w14, .w15, .w16, .w17, .w18, .w19, .w20, .w21, .w22, .w23, .w24 {
	display: inline-block;
}
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12,
.w13, .w14, .w15, .w16, .w17, .w18, .w19, .w20, .w21, .w22, .w23, .w24 {
	display: block;
}
.clearfix:after {
	content: url(scripts/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
.totop {
	clear: both;
	padding-top: 6px;
	text-align: right;
}
.totop a {
	color:	gray;
}
.totop a:hover {
	color:	#EA9700;
}
.clear {
	clear:	both;
}
.hidden {
	display:	none;
}
.left {
	text-align:	left;
}
.center {
	text-align:	center;
}
.right {
	text-align:	right;
}
.fright {
	float:	right;
}
.fleft {
	float:	left;
}
.first {
	margin-top: 0 !important;
}
.border {
	border:	1px solid silver;
}

/* ----------------------------------------- newsTogggle */

.newsToggle h3 {
	margin:	0;
	padding:	0;
}
.newsToggle h3:before {
	content:	"・";
}
.newsToggle .newsToggleDate {
	padding-left:	0.5em;
	font-size:	90%;
}
.newsToggle .newsToggleOpen {
}
.newsToggle .newsToggleClose {
}
/* ----------------------------------------- blog page */

.blogPageImgArea {
	padding-top:	0em;
	text-align:	center;
	font-size:	0.8em;
	/*background:	url(assets/images/common/common.jpg) no-repeat;	tpvの初期値でセット*/
	/*height:	40px;	clearfixがきかなくなる */
}
#img2, #img3 {
}

/* ---------------------------------------- newwin.js */

a.newWin {
	margin-left:	1em;
	border-width:	0;
}

/* ---------------------------------------- blogListToggle */
div.blogListTips {
	margin:	1em auto 2em;
	border:	silver 1px solid;
	padding:	0.5em 2em;
	width:	500px;
	color:	gray;
	line-height:	1.4em;
	font-size:	0.8em;
}
.showBlog, .toggleBlog {
	position:	relative;
}
.Date {
	position:	absolute;
	right:	1em;
	font-size:	smaller;
}
.toggleArea {
	margin-bottom:	2em;
}
.openClose {
	padding-right:	2em;
	color:	silver;
 }
.bltBorder hr {
	margin-top:	60px;
	width:	80%;
}
.bltBorder p {
	margin: 20px auto;
	width: 600px;
}
.noDocuments {
	text-align:	center;
}

/* ---------------------------------------- links Page   thumbshots */

#thumbshotsCredit {
	text-align:	center;
	clear:	both;
}
#thumbshotsCredit a {
	color:	#bbb;
	border-style:	dotted;
	font-size:	0.7em;
}
.linkimg {
	border:	1px solid silver;
	float:	left;
	margin:	auto 40px 1.5em 20px;
}
/* --------------------------------------- .linkbox */
.linkbox {
	border:	1px solid silver;
	padding:	10px;
}
.linkbox p, .linkbox li {
	font-size:	0.75em;
}
/* -------------------------------------- NewSite */
.date {
	position:	relative;
	top:	20px;
	margin:	2em 0 0 0;
	line-height:	0;
	text-align:	center;
	font-size:	0.750em;
	font-style:	italic;
	color:	#777;
}
#globMenu .current a, #subMenu .current a {
	color:	yellow;
	font-weight:	bold;
}
.bread_crumbs {
	position:	absolute;
	right:	40px;
	top:	16px;
	margin:	0;
	padding:	0;
	color:	gray;
}
.bread_crumbs li {
	list-style:	none;
	font-size:	0.750em;
}

/* formページ */
body.form #container {
	width: 	740px;
}
body.form fieldset {
	margin-bottom:	2em;
}
body.form form {
	text-align:	center;
}
body.form form * {
	text-align:	left;
}
body.form form > input {
	margin-bottom:	2em;
}
body.form form dt {
	float:	left;
	clear:	both;
	width:	14em;
}
body.form form dd {
	float:	left;
}
body.form h2 span {
	color:	silver;
}

/* LOCALメッセージの表示 */
#local_msg {
	position:	absolute;
	margin-left:	400px;
	border:	1px solid yellow;
	width:	140px;
	color:	yellow;
	text-align:	center;

}