@charset "utf-8";

/*
___________________________________________________________________

	Update  : 2010/05/13
___________________________________________________________________ */


/* ▼ 全体のレイアウト設定 ▼ */

body { 
	background-color: #fff;
	margin: 0;			/* 上 右 下 左 のマージン */
	padding: 0;
	font-family: Verdana, Helvetica, 'MS Pゴシック', Osaka, sans-serif;
	}

#container {
	width: 780px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #C5C5C5;			/* ★ */
	}

#header {
	margin: 0;
	padding: 0;
	background-color:#fff;
	background-image:url("/img/bg_head.jpg");
	background-repeat:no-repeat;
	}

#mainnavi {
	width: 165px;
	padding-right: 15px;
	overflow: hidden;
	float: right;
	margin: 15px 0;
	}

#main {
	width: 560px;
	float: left;
	overflow: hidden;
	padding-left: 15px;
	margin-top: 15px;
	}

#footer {
	clear: both;
	}


/* ▼ リンク設定 ▼ */

a:link		{
	color: #09f;
	text-decoration: none;
	}
a:visited	{
	color: #06c;
	text-decoration: none;
	}
a:active	{
	color: #09f;
	text-decoration: none;
	}
a:hover		{
	color: #66f;
	text-decoration: underline;
	}


/* ▼ 全体共通設定 ▼ */

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	}

hr {
	display: none;
	}

img	{
	border: none;
	}


/* ▼ ヘッダ ▼ */ 

#sitelogo {
	width: 166px;
	height: 52px;
	float: left;
	overflow: hidden;
	}

#sitedesc {
	float: right;
	overflow: hidden;
	}

#headnavi {
	clear: both;
	text-align: right;
	}

#sitelogo h1 {
	margin: 0;
	}

#sitedesc h2 {
	margin: 5px 10px 16px 10px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	}

#sitedesc a {
	color: #999;
	text-decoration: none;
	}

#headnavi ul {
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
	}

#headnavi li {
	padding: 0;
	display: inline;
	}

#secheadnavi{
	clear: both;
	margin: 0;
	padding: 0;
	}

#secheadnavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 780px;
	}

#secheadnavi li {
	padding: 0;
	margin: 0;
	display: inline;
	}

/* ▼ メインコンテンツ ▼ */ 

#topmain, #topsub {
	background-color: #fff;
	color: #000;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
	
#topmain img {
	margin: 0 0 10px 0;
	padding:0 ;
	}

#topmain img.fl {
	float: left;
	padding-right: 8px;
	}

#info table {
	padding: 0;
	margin: 0 0 10px 0;
	}

#info table.lp {
	float: left;
	padding-right: 8px;
	}

#info td {
 	vertical-align:top;
	padding: 0;
	margin: 0;
	}

#info td.pho {
	padding: 5px 5px 0 20px;
	margin: 0;
	background: url('/img/bg_ttable.gif') repeat-y;
	 }
	 
#info td p {
	margin: 0;
	padding:5px 0;
	}
	 
#info td ul {
	margin:0;
	padding: 0;
	list-style:none;
	font-size: 12px;
	clear: both;
	}
	
#info li {
	background: url('/img/bg_list.gif') no-repeat 0 1px;
	_background: url('/img/bg_list.gif') no-repeat 0 0.3em;
	padding: 0 0 0 10px;
	}

#request {
	clear: both;
	}

#request p {
	width :172px;
	padding: 2px;
	margin: 10px 8px 10px 0;
	border: 1px solid #CCC;
	float: left;
	font-size: 12px;
	line-height: 1.5;
	}
#request .text {
	padding: 5px;
	}

#topnews {
	margin-top: 15px;
	}

#topnews ul {
	list-style: none;
	font-size: 12px;
	margin: 10px 10px 30px 10px;
	padding: 0;
	}

#topnews li {
	background: url('/img/bg_list.gif') no-repeat 0 2px;
	_background: url('/img/bg_list.gif') no-repeat 0 0.34em;
	padding: 0 0 0 10px;
	}

#contents {
	margin: 0 0 40px 0;
	padding: 0;
	}

#contents p {
	margin: 0 0 10px 10px;
	color: #444;
	font-size: 90%;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	}

#contents li {
	color: #444;
	font-size: 90%;
	line-height: 150%;
	}

#contents h2 {
	color: #444;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	background: url('/img/bg_h2.gif') no-repeat 0 50%;
	padding-left: 10px;
	height: 23px;
	}

#contents h2#clear {
	clear: both;
	}

#contents h3 {
	margin: 30px 0 10px 0;
	padding: 5px;
	color: #555;
	font-size: 90%;
	text-align: left;
	font-weight: bold;
	background-color:#c3d3ff;
	}

#contents h3#magazine {
	background:  url('/img/bg_mg.gif') repeat #FFF;
	color: #444;
	}


#contents h4 {
	margin: 10px 0 0 0;
	padding: 5px;
	color: #555;
	font-size: 80%;
	text-align: left;
	font-weight: nomal;
	background-color:#fd8;
	}

#contents th {
	color: #555;
	font-size: 90%;
	line-height: 1.5;
	background-color:#f0f0ff;
	}

#contents table.staff th {
	font-size: 80%;
	color: #fff;
	background-color:#FA72B0;
	}

#contents td {
	color: #444;
	font-size: 90%;
	line-height: 1.5;
	}

#contents ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #333;
	}

#contents td h3 {
	background-color: #F0DBE0;
	border-left: 5px solid #F390AD;
	padding: 5px 10px;
	margin: 5px 0;
	}
	
#contents table.seminar {
	margin: 0 0 10px 0;
	padding: 0;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 560px;
	}

#contents table.seminar td {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
#contents table.seminar td.stitle {
	background-color: #DCF0EF;
	font-weight: bold;
	}
	
#contents table.seminar td p {
	margin: 0;
	padding: 0;
	}
	
#contents table.seminar td a {
	margin: 0;
	background: url('/img/bg_list.gif') no-repeat 0 50%;
	padding: 0 0 0 10px;
	text-decoration: underline;
	}

ul#booklink {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
	font-size: 80%;
	}

ul#booklink2 {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 80%;
	}

ul#mglink {
	margin: 0 0 20px 30px;
	padding: 0;
	list-style: none;
	font-size: 80%;
	}
	
ul#booklink li, ul#booklink2 li {
	display: inline;
	padding-left: 1em;
	}
	
ul#booklink a, ul#booklink2 a, ul#mglink a {
	margin: 0;
	background: url('/img/bg_list.gif') no-repeat 0 50%;
	padding: 0 0 0 10px;
	}

ul#cslink {
	margin-left: 70px;
	list-style-image: url("/img/bg_list.gif");
	}

.booklist {
	width: 550px;
	margin-right: 20px; 
	margin-bottom: 20px; 
	padding: 0;
	}
	
.booklist h3 {
	border-left: 5px solid #DDCBFB;
	border-bottom: 1px dotted #CCC;
	padding-left: 10px;
	}

table.crate {
	width: 560px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	}

table.crate th, table.crate td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 4px;
	}
	
.booklist img {
	float: left;
	padding: 0 5px 5px 0;
	margin: 0;
	}

#dirnavi {
	font-size: 80%;
	color: #999;
	}

#dirnavi strong {
	font-weight: normal;
	}

#dirnavi a {
	text-decoration: underline;
	color: #999;
	}

.red {
	color: #e00;
	}

.pink {
	color: #d09;
	}

.fr {
	float: right;
	padding: 0 0 10px 10px;
	}

.fc {
	clear: both;
	}

.txtc {
	text-align: center;
	}

#contents p.btmc {
	margin: 0 25px 0 0;
	text-align: right;
	}

.small {
	font-size: 80%;
	}

.small2 {
	font-size: 70%;
	}


/* ▼ メインナビゲーション ▼ */ 
#mg {
	background:  url('/img/bg_mg.gif') repeat;
	width: 165px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	}

#mg p {
	margin: 0;
	padding: 5px 10px 3px 10px;
	color: #000;
	line-height: 150%;
	text-align: left;
	font-size:10px;
	}

#mg p a {
	color: #000;
	display: inline;
	}

#mg form {
	margin: 3px 0 5px 0;
	padding: 0;
	}

#mg input.tarea {
	width: 140px;
	margin: 0;
	padding: 0;
	color: #666;
	}	

#mg input.mmbt {
	border: 1px solid #f53692;
	background-color: #f870b2;
	color: #FFF;
	margin: 0 3px 0 5px;
	padding: 2px 0 0 0;
	}

#blog img {
	margin:0 0 5px 0;
	padding: 0;
	}

#bnr img {
	margin:5px 0 0 0;
	padding: 0;
	}


#mainnavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#mainnavi li {
	margin: 0 0 1px 0;
	color: #ffffff;
	font-size: 12px;
	}

#mainnavi li.noentry {
	background-color: #036;
	padding: 5px 10px;
	}

#mainnavi a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	}

#mainnavi a:hover {
	text-decoration: none;
	}

#mainnavi ul ul li {
	margin: 0 0 1px 0;
	}

#mainnavi #sslseal {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #ddd;
	}

#mainnavi #sslseal p {
	color: #666;
	font-size: 10px;
	}


/* ▼ フッタ ▼ */ 
#footnavi {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #E4E4E4;
	}

#footnavi ul {
	text-align: left;
	list-style: none;
	margin: 5px 0;
	padding: 0;
	}

#footnavi li {
	color: #000;
	font-size: 12px;
	padding: 0 8px;
	display: inline;
	border-right: 1px solid #888;
	}

#footnavi a {
	color: #000;
	}

#copyright {
	font-size: 12px;
	text-align:right;
	color: #666;
	padding: 10px;
	}

p.flink {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 10px;
	color: #666;
	}

#footer p.flink a {
	color: #666;
	}