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

/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */

body {
/*	background: #efefef url(img/bg.gif);*/
	background: #000;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0em;
	margin: 0;
	padding: 0;
}

body#white {
	background: #fff;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0em;
	margin-left:40px;
	margin-right:40px;
	padding: 0;
}

a {
	background: transparent;
	color: #000080;
	font-weight: normal;
	text-decoration: underline;
}

a:visited {
	color: #708090;
}

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

th a {
	color: #ffffff;
}

h1, h2, h3, h4, h5 {
	color:#333333;
}

strong {
	border-bottom: double #0071bc 3px;
}
strong.cyan{
	font-weight:normal;
	background-color:#99ffff;
	padding:1px;
}

.outline {
	background: #000;
	width: 900px;
	margin:auto;
	border-top: solid 0px #000;
	border-right: solid 0px #000;
	border-left: solid 0px #000;
	border-bottom: solid 0px #000;
}

.columnoutline {
	background: #000;
	width: 700px;
	margin:auto;
	border-top: solid 0px #000;
	border-right: solid 0px #000;
	border-left: solid 0px #000;
	border-bottom: solid 0px #000;
}

#top1{
	background-color:#000;
	color:#9ef;
	text-align:center;
	background: url(img/isop_name.jpg) no-repeat;
	width:900px;
	height:32px;
	font-weight:bold;
}
#top_left{
	background-color:#000;
	color:#CCC;
	text-align:center;
	width:260px;
	height:152px;
	float:left;
}
#top2{
	background-color:#000;
	background: url(img/isop_logo.jpg) no-repeat;
	width:260px;
	height:84px;
	font-size:15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	text-align:left;
	font-weight:bold;
}
#top2b{
	background-color:#000;
	background: url(img/isop_ball0.jpg) no-repeat;
	color:#9ef;
	text-align:right;
	font-weight:bold;
	width:260px;
	height:68px;
}
#top3{
	background-color:#000;
	background: url(img/isop_ball.jpg) no-repeat;
	text-align:center;
	width:640px;
	height:152px;
	float:right;
}
#top4{
	background-color:#000;
	background: url(img/isop_ball1.jpg) no-repeat;
	color:#9ef;
	text-align:right;
	font-weight:bold;
	width:260px;
	height:21px;
}

.headerbar {
	display: block;
	width: 900px;
	height: 26px;
	font-size: 11pt;
	text-align: left;
	margin: 0;
	padding: 0px;
	border-bottom: none;
	float:right;
}


/* upside NaviBar */
#navibar ul{
	line-height:150%;
	list-style: none;	
	text-align: center;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
}

#navibar li{
	color: #fff;
	letter-spacing: 0.1em;
	width : 100px;
	height: 21px;
	padding: 3px;
	margin-right:5px;
	float:left;
}
	
#navibar li a:visited {
	color: #fff;
	width: 100%;
	height: 21px;
	padding: 0px;
	margin:0px;
	text-decoration: underline;
	border: none;
}

#navibar li a {
	color: #fff;
	width: 100%;
	height: 21px;
	padding: 0px;
	margin:0px;
	text-decoration: underline;
	border: none;
}

#navibar li a:hover{
	background: url(img/star_bar.gif) center;
	color: #fff;
	padding: 0px;
	width: 100%;
	height: 21px;
}


.container {
	background-color: #000;
	height: auto;
	width: 900px;
}

.leftarea {
 	display: block;
	background:#000;
	height: auto;
	width: 240px;
	font-size: 11pt;
	text-align: left;
	margin: 0;
	padding: 0px;
	border-bottom: none;
	float:left;
}

/* SideMenu */
.sidebar ul{
	list-style: none;
	text-align: left;
	text-indent: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left:13px;
	float:none;
}

.sidebar li{
	background: url(img/menubar2.gif) no-repeat;
	display: block;
	width : 206px;
	height:26px;
	text-indent: 15px;
	line-height:2em;
    padding: 0px;
	margin: 0px;
	margin-bottom:6px;
	font-size:13px;
	color: #000;
	overflow:hidden;
}
	
.sidebar li a:visited {
	background:url(img/menubar1.gif) no-repeat;
	display: block;
	width: 206px;
	height: 26px;
	text-indent: 15px;
	padding: 0px;
	margin-bottom:6px;
	font-size:13px;
	text-decoration: none;
	color: #000;
}

.sidebar li a{
	background:url(img/menubar1.gif) no-repeat;
	display: block;
	width: 206px;
	height: 26px;
	text-indent: 15px;
	padding: 0px;
	margin-bottom:6px;
	font-size:13px;
	text-decoration: none;
	color: #000;
}

.sidebar li a:hover{
	background:url(img/menubar2.gif) no-repeat;
	width: 206px;
	height: 26px;
	color: #000;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	width: 220px;
	overflow:hidden;
}

.topspace {
	background: #000;
	height: 34px;
	width: 660px;
	font-size: 11pt;
	text-align: left;
    padding:0px;
	float:right;
}

.rightarea {
 	display: block;
	background:#000;
	height: auto;
	width: 660px;
	font-size: 11pt;
	text-align: left;
	margin: 0;
	padding: 0px;
	border-bottom: none;
	float:right;
}
	
.columnarea {
 	display: block;
	background:#000;
	height: auto;
	width: 660px;
	text-align: left;
	margin-left:20px;
	padding: 0px;
	border-bottom: none;
	float:left;
}
	
.corners {
 	display: block;
	background:#000;
	height: 25px;
	width: 660px;
	margin: 0;
	padding: 0px;
	float:right;
}
	
.corner1 {
	display:inline;
	background:url(img/corner1.gif) no-repeat;
	background-color:#fff;
	height: 25px;
	width: 25px;
	margin: 0;
	padding: 0px;
    float:left;
}
.cornersp {
	display:inline;
	background-color:#fff;
	height: 25px;
	width: 610px;
	margin: 0;
	padding: 0px;
    float:left;
}
.corner2 {
	display:inline;
	background:url(img/corner2.gif) no-repeat;
	background-color:#fff;
	height: 25px;
	width: 25px;
	margin: 0;
	padding: 0px;
    float:right;
}
.corner4 {
	display:inline;
	background:url(img/corner4.gif) no-repeat;
	background-color:#fff;
	height: 25px;
	width: 25px;
	margin: 0;
	padding: 0px;
    float:left;
}
.corner3 {
	display:inline;
	background:url(img/corner3.gif) no-repeat;
	background-color:#fff;
	height: 25px;
	width: 25px;
	margin: 0;
	padding: 0px;
    float:right;
}

.corners_dk {
 	display: block;
	background:#000;
	height: 25px;
	width: 660px;
	margin: 0;
	padding: 0px;
	float:right;
}
	
.corner1_dk {
	display:inline;
	background:url(img/corner1dk.gif) no-repeat;
	background-color:#005;
	height: 25px;
	width: 25px;
	margin: 0;
	padding: 0px;
    float:left;
}
.cornersp_dk {
	display:inline;
	background-color:#005;
	height: 25px;
	width: 610px;
	margin: 0;
	padding: 0px;
    float:left;
}
.corner2_dk {
	display:inline;
	background:url(img/corner2dk.gif) no-repeat;
	background-color:#005;
	height: 25px;
	width: 25px;
	margin: 0;
	padding: 0px;
    float:right;
}
.corner4_dk {
	display:inline;
	background:url(img/corner4dk.gif) no-repeat;
	background-color:#005;
	height: 25px;
	width: 25px;
	margin: 0;
	padding: 0px;
    float:left;
}
.corner3_dk {
	display:inline;
	background:url(img/corner3dk.gif) no-repeat;
	height: 25px;
	width: 25px;
	margin: 0;
	padding: 0px;
    float:right;
}

.mainarea {
	background-color: #fff;
	height: auto;
	width: 600px;
	font-size: 11pt;
	text-align: left;
    padding:0px 30px 0px 30px;
	float:right;
}

.mainarea_dk {
	background-color: #005;
	height: auto;
	width: 600px;
	font-size: 11pt;
	text-align: left;
    padding:0px 30px 0px 30px;
	float:right;
}

.mainarea_black {
	background-color: #000;
	height: auto;
	width: 660px;
	font-size: 11pt;
	text-align: left;
    padding:30px 0px 30px 0px;
	float:right;
}

.bottomspace_s {
	background-color: #000;
	height: 1px;
	width: 660px;
    padding:0px;
}
.bottomspace {
	background-color: #000;
	height: 10px;
	width: 900px;
    padding:0px;
}

.footerbar {
	background-color: #000;
	height: 23px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	color:#ccc;
	text-align:center;
	line-height:180%;
	margin: 0px;
	padding: 0px;
}

.memolist{
	color:#0071bc;
	width:290px;
	height:620px;
	border:solid 1px #999999;
	overflow:scroll;
	padding:10px;
}

.memolist2{
	color:#0071bc;
	width:550px;
	height:430px;
	border:solid 1px #999999;
	overflow:scroll;
	padding:10px;
}

/* chardeco */
.char_title{
	line-height:1.5em;
	color:#0071bc;
	font-weight:bold;
	font-size:18px;
}
.char_comm{
	color:#0071bc;
}
.char_comm2{
	color:#4bf;
}
.char_title2{
	line-height:1.5em;
	color:#0071bc;
	font-weight:bold;
	font-size:16px;
}
.char_title3{
	line-height:1.3em;
	color:#333;
	font-weight:bold;
	font-size:18px;
}
.char_wh{
	line-height:1.5em;
	color:#fff;
	font-size:14px;
}
.char_gr18{
	line-height:1.5em;
	color:#6c3;
	font-weight:bold;
	font-size:18px;
}
.char_gold{
	color:#fff;
	background:#440;
	font-size:16px;
	font-weight: bold;
	line-height:180%;
}
.char_16wa{
	color:#fff;
	background:#408;
	font-size:16px;
	font-weight: bold;
	line-height:180%;
}
.char_16wa600{
	color:#fff;
	background:#408;
	font-size:16px;
	font-weight: bold;
	line-height:180%;
	width:604px;
}
.char_redwa{
	color:#fff;
	background:#f00;
	font-size:14px;
	font-weight: bold;
}
.char_bluewa{
	color:#fff;
	background:#00f;
	font-size:14px;
	font-weight: bold;
}
.chardeco16wa{
	color:#33F;
	background:#ccf;
	font-size:16px;
	font-weight: bold;
	line-height:180%;
}
.chardeco16wac{
	color:#fff;
	background:#03a;
	font-size:16px;
	font-weight: bold;
	line-height:180%;
}
.char_wh18{
	line-height:1.5em;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
.char_wh13{
	line-height:1.3em;
	color:#fff;
	font-size:13px;
}
.char_gr13{
	line-height:1.3em;
	color:#6c3;
	font-size:13px;
}
.char_13{
	color:#666;
	line-height:1.3em;
	font-size:13px;
}
.char_policy{
	line-height:1.5em;
	color:#333;
	font-size:13px;
}
.chardeco14red{
	color:#933;
	font-size:14px;
	font-weight: bold;
}
.chardeco14vlt{
	color:#61f;
	font-size:14px;
	font-weight: bold;
}
.char_marker{
	color:#009;
	background:#faf;
	font-size:14px;
}
.char_mini{
	display:inline;
	line-height:1.0em;
	color:#333;
	font-size:14px;
}
.chardeco16{
	color:#33F;
	font-size:16px;
	font-weight: bold;
	line-height:180%;
}

.chardeco14{
	color:#33F;
	font-size:14px;
	font-weight: bold;
	line-height:180%;
}


table.metal{
	border: none;
	width:660px;
}

td.metal{
	background-color:#000;
	font-size:16px;
	color:#fff;
	border:none;
	width:130px;
	text-align:center;
	font-weight:bold;
}

td.memo{
	font-size:13px;
	color:#0071bc;
	border:none;
	width:280px;
	vertical-align:top;
}


table.memo{
	border: none;
	width:600px;
}

td.memotitle{
	background-color:#09f;
	font-size:16px;
	color:#fff;
	border:none;
	width:280px;
	text-align:center;
	font-weight:bold;
}

td.memo{
	font-size:13px;
	color:#0071bc;
	border:none;
	width:280px;
	vertical-align:top;
}

table.about{
	background-color:#66bbe7;
	border: none;
	width:530px;
}

td.c_66bbe7{
	background-color:#66bbe7;
	text-align:left;
	font-size:18px;
	color:#fff;
}

td.c_fafafa{
	background-color:#fafafa;
	text-align:left;
	padding:7px;
}
td.c_dbe9f7{
	background-color:#dbe9f7;
	text-align:left;
	padding:7px;
}

.medias{
	background: url(img/kakumaru.gif) no-repeat;
	width:561px;
	height:224px;
	margin-left:30px;
}
.books1{
	height:180px;
	padding:10px;
	text-align:center;
	float:left;
}
.books2{
	height:180px;
	padding:10px;
	font-size:13px;
	color:#0071bc;
	line-height: 1.4em;
	margin-right:40px;
}
.books2b{
	height:100px;
	padding:10px;
	font-size:13px;
	color:#0071bc;
	line-height: 1.4em;
	margin-left:10px;
	margin-right:30px;
}
.books3{
	height:65px;
	padding:10px;
	font-size:13px;
	color:#0071bc;
	line-height: 1.4em;
	margin-left:10px;
}

#policy1{
	background-color:#666;
	color:#fff;
	padding:20px;
	font-size:13px;
	line-height: 1.6em;
}

table.contacts{
	border: double;
	border-color:#333366;
	width:580px;
	padding:10px;
	background-color:#dfefff;
	margin-left:10px;
}




table.checks{
	border: double;
	border-color:#336633;
	width:580px;
	padding:10px;
	background-color:#eeffff;
}

td.checks{
	border:none;
	padding:10px;
	background-color:#fff;
}

td.bgbar1{
	background-image:url(images/bgbar1.gif);
	width:179px;
	vertical-align:top;
}

p.drop:first-letter{
	float:left;
	font-size:1.8em;
	color:#fff;
	font-weight: bold;
	background:#ff7020;
	line-height: 1;
	margin:1px 5px 2px 0;
	padding: 2px 5px 5px 5px;
}

.chardecowaku{
	color:#339;
	font-size:14px;
	color:#fff;
	font-weight: bold;
	text-align:center;
	background:#66cccc;
	line-height: 0.8;
	margin:10px 1px 10px 0;
	padding: 5px 5px 5px 5px;
}

.dropcap{
	margin-right: 2px;
	padding: 0px;
	font-size: 1.6em;
	background: #ff7020;
	color: #ffffff;
}

input{
	font-size: 1.0em;
}

select{
	font-size: 0.9em;
}

textarea{
	font-size: 0.9em;
}

#hizuke {
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#e5e;
    width: 145px;
	height: auto;
	text-align:center;
	line-height: 1.3;
	margin:10px 0 10px 13px;
	padding: 2px 2px 2px 2px;
	border:solid 1px;
}

/* ページングメニューエリア */
.paging .nl {
	margin: 0px;
	padding: 4px 10px; /* メニューのパディング（上下、左右） */
	list-style-type: none;
	text-align: center; /* メニューのセンタリング */
	font-size: 80%; /* メニューの文字サイズ */
}
/* ページングメニュー項目 */
.paging .nl li {
	display: inline;
 	margin-right: 0px; /*項目の右マージン */
 	margin-left: 0px; /*項目のマージン */
}

/* ページングリンク */
.paging .nl li a {
	padding: 4px 10px; /* リンクエリアのパディング（上下、左右） */
	background: #f9f9f9 url(img/page_gen.gif) repeat-x top; /* リンクエリアの背景 */
	border: 1px #c0c0c0 solid; /* リンクエリアの枠線 */
	text-decoration: none; /* テキストの下線（なし） */
}
/* ページングリンクvisited */
.paging .nl li a:visited {
	color: #000080;
}

/* ページングポイント時の設定 */
.paging .nl li a:hover {
	background: #004080 url(img/page_act.gif) repeat-x top; /* ポイント時の背景 */
	border: 1px #000080 solid; /* ポイント時の枠線 */
	text-decoration: underline; /* テキストの下線（あり） */
	color: #ffffff; /* ポイント時の文字色 */
}

/* ページングアクティブな項目 */
.paging .nl li strong {
	padding: 4px 10px; /* 項目のパディング（上下、左右） */
	background: #004080 url(img/page_act.gif) repeat-x top; /* 項目の背景 */
	border: 1px #000080 solid; /* 項目の枠線 */
	color: #ffffff; /* 項目の文字色 */
}

/* ページングリンクしない項目（前へ・次へ） */
.paging .nl li span {
	padding: 4px 10px; /* 項目のパディング（上下、左右） */
	background: #f9f9f9 url(img/page_gen.gif) repeat-x top; /* 項目の背景 */
	border: 1px #c0c0c0 solid; /* 項目の枠線 */
	color: #808080; /* 項目の文字色 */
}


#hizuke a{
	color:#e5e;
	text-decoration:none;
}
#hizuke a:visited{
	color:#e5e;
}
#hizuke a:hover{
	color:#f00;
}

.css-caption-block {
    clear: both;
}

.gototop a{
    width: 200px;
	height:auto;
	margin: 0;
	padding: 0px;
    float:right;
}