/* -----------------------------------------------
   1. リンクテキストの設定
--------------------------------------------------- */
a {
	color: #4b0ddf;
	cursor: pointer;
	text-decoration: underline;
}
/*
a:link {
}

a:visited {
}
*/
a:hover {
	color: #910b65; /*#a40d4d*/
	text-decoration: none;
}

/* -----------------------------------------------
   2. 基本設定
--------------------------------------------------- */
body, div, p, th, td{
	color: #180962;
	font: 12px /1.7 "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
/* "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;*/

body {
	margin: 0;
	padding: 0;
	background: #ffffff url('../img/bg_body.gif');
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

.en {
	font-family: Chicago, Verdana, "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

.red {
	color: #ff0810;
}

strong {
	font-weight: bold;
}

img {
	border: 0;
}

/* -----------------------------------------------
   3. #wrapper
--------------------------------------------------- */
#wrapper {
	width: 800px;
	margin: 0 auto;
}

/* -----------------------------------------------
   4. #header
--------------------------------------------------- */
#header {
	width: 800px;
/*	height: 200px;*/
	margin: 0 0 30px;
}

#header #header-text {
	width: 800px;
}

#header #header-text p {
	margin: 0;
	padding: 0;
	font-size: 9px;
	color: #8782aa;
}

#header #logo {
	width: 800px;
	height: 200px;
	margin: 0 0 30px;
	background: url('../img/logo.gif') no-repeat;
}

#header #logo h1 {
	margin: 0;
	padding: 0;
	display: none;
}

#header #header-menu {
	width: 800px;
	height: 24px;
	background: url('../img/bg_header_menu.gif') repeat-x;
}

#header #header-menu ul {
	width: 700px;
	margin: 0 50px;
	padding: 0;
	list-style: none;
}

#header #header-menu ul li {
	display: inline;
	margin: 0;
}

#header #header-menu ul li a,
#header #header-menu ul li.t a {
	float: right;
	margin: 0;
	padding: 2px 1.5em 0;
	height: 22px;
	background: url('../img/bg_header_menu_li.gif') repeat-x left top;
	border-left: #ffffff 1px solid;
	text-decoration: none;
	color: #180962;
}

#header #header-menu ul li a:hover,
#header #header-menu ul li.t a:hover {
	background: url('../img/bg_header_menu_li.gif') repeat-x left bottom;
}

#header #header-menu ul li.t a {
	border-right: #ffffff 1px solid;
}


/* -----------------------------------------------
   5. #content
--------------------------------------------------- */
#content {
	width: 800px;
	clear: both;
}

/* -----------------------------------------------
   6. カラムなし（.no-column）
--------------------------------------------------- */
.no-column {
/*	background: url('../img/clip_chair.gif') no-repeat right bottom;*/
}

.no-column #home-clip {
	width: 700px;
	margin: 0 50px 30px;
}

.no-column #news-blog {
	width: 800px;
	margin: 0 0 30px;
}

.no-column #news-blog h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4em;
}

.no-column #news-blog h2 a {
	color: #180962;
}

.no-column #news-blog #news{
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
}

.no-column #news-blog #news dl {
	margin: 0 10px 20px 20px;
	padding: 0;
	width: 370px;
}

.no-column #news-blog #news dl dt {
	font-weight: bold;
	font-family: Chicago, Verdana, "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

.no-column #news-blog #news dl dd {
	margin: 0 0 0 1.5em;
	padding: 0;
}

.no-column #news-blog #blog {
	margin: 0;
	padding: 0;
	float: left;
	width: 395px;
}

.no-column #news-blog #blog ul {
	list-style: none;
	margin: 0 20px 20px 10px;
	padding: 0;
	width: 365px;
}

.no-column #news-blog #blog ul li {
	margin: 0 0 1em;
}

.no-column #menu {
	clear: both;
	padding: 0 40px 30px;
	width: 720px;
}

.no-column #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.no-column #menu ul li {
}

.no-column #menu ul li a {
/* width,heightからpaddingの分だけマイナス */
	display: block;
	width: 230px;
	height: 32px;
	padding: 8px 0 0 10px;
	text-align: center;
	background: url('../img/bg_menu_home.gif') no-repeat left bottom;
}

.no-column #menu ul li a:hover {
	font-weight: bold;
	background: url('../img/bg_menu_home.gif') no-repeat left top;
}

/* -----------------------------------------------
   7. 2カラム-左メニュー（.two-column-left）
--------------------------------------------------- */
.two-column-left {
	background: url('../img/two_column_left/bg_body.gif') repeat-y;
}

.two-column-left #subcol {
	width: 240px;
	float: left;
}

.two-column-left #subcol #menu {
}

.two-column-left #subcol #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.two-column-left #subcol #menu ul li {
	font-weight: bold;
}

.two-column-left #subcol #menu ul li.lk a {
/* width,heightからpaddingの分だけマイナス */
	display: block;
	width: 180px;
	height: 33px;
	padding: 12px 0 0 20px;
	background: url('../img/two_column_left/bg_menu.gif') no-repeat left bottom;
	color: #375cb3;
}

.two-column-left #subcol #menu ul li.lk a:hover {
	background: url('../img/two_column_left/bg_menu.gif') no-repeat left top;
	color: #46431a; /*#224215;*/
}

.two-column-left #subcol #menu ul li.select {
	display: block;
	width: 220px;
	height: 33px;
	padding: 12px 0 0 20px;
	font-weight: bold;
	background: url('../img/two_column_left/bg_menu_select.gif') no-repeat;
	color: #052c0a;
}

.two-column-left #maincol {
	width: 555px;
	float: left;
}

.two-column-left #maincol h2 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 20px;
	line-height: 1.3em;
}

.two-column-left #maincol h3 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 16px;
	line-height: 1.3em;
}

.two-column-left #content-footer {
	clear: both;
}

/* -----------------------------------------------
   8. 2カラム-左メニュー（.two-column-right）
--------------------------------------------------- */
.two-column-right #subcol {
}

.two-column-right #maincol {
}


/* -----------------------------------------------
   9. カラム共通
--------------------------------------------------- */
#maincol .mcont {
	margin: 0;
	padding: 0 30px 30px 20px;
}

#maincol .mcont dl {
	margin: 0 0 1.5em;
	padding: 0;
}

#maincol .mcont dl dt {
	font-weight: bold;
}

#maincol .mcont dl dd {
	margin: 0 0 1em 3em;
	line-height: 1.7em;
}

/* -----------------------------------------------
   10. #footer
--------------------------------------------------- */
#footer {
	clear: both;
	width: 800px;
	/*border-top: #c0b8cf 1px solid;*/
}

#footer #copyright {
	margin: 1em 1em 3em;
}

#footer #copyright p {
	margin: 0 0 1em;
	font-size: 10px;
	text-align: right;
}

#footer #copyright p a {
	color: #180962;
	text-decoration: none;
}

/* -----------------------------------------------
   11. table
--------------------------------------------------- */
table.tbl-style1 {
	border-top: #c0b8cf dashed 1px;
}

table.tbl-style1 tr {
	vertical-align: top;
}

table.tbl-style1 th,
table.tbl-style1 td {
	border-bottom: #c0b8cf dashed 1px;
	padding: 5px;
}

table.tbl-style1 th {
	font-weight: bold;
}

/* -----------------------------------------------
   12. .navi
--------------------------------------------------- */
div.navi {
	margin: 0 30px 20px 0;
	padding: 0;
	text-align: right;
	font-size: 10px;
}

/* -----------------------------------------------
   13. img
--------------------------------------------------- */
img.photo-flame {
	margin: 10px;
	padding: 7px;
	border: #c0b8cf solid 1px;
	background: #ffffff;
}