@charset "euc-jp";
@import url("../common.css");

/* =====================================================================
	global
====================================================================== */

* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% arial,helvetica,sans-serif;
}
body {
	background : url(./images/session/definition/body.gif) repeat-x 0 0 #4C1806;
	color : #FFFFFF;
	font-size : 62.5%;
	text-align : center;
	letter-spacing : 1px;
}

/* =====================================================================
	definition
====================================================================== */

div#header,
div#shell,
div#footer {
	clear : both;
	font-size : 1.3em;
}
div#header {
	margin : 0 auto 5px auto;
	text-align : left;
	width : 800px;
	height : 130px;
}
div#shell {
	margin : 0 auto;
	text-align : left;
	width : 800px;
}
div#shell div#contents {
	float : left;
	width : 530px;
}
div#shell div#utilities {
	float : right;
	width : 230px;
}
div#footer {
	margin : 0 auto;
	width : 800px;
	height : 70px;
}

/* ___________________________________________________________ anchor */

a {
	text-decoration : none;
}
a:link {
	color : #FAD0B1;
}
a:visited {
	color : #FAD0B1;
}
a:hover {
	color : #FAD0B1;
	text-decoration : underline;
}
a:active {
	color : #FAD0B1;
}
a:focus{
	outline : none;
}

/* ___________________________________________________________ document */

h1 {
	overflow : hidden;
	text-align : left;
	line-height : 25px;
	height : 25px;
}
h2 {
	overflow : hidden;
	text-align : left;
	width : 300px;
	height : 40px;
}
h2 a {
	display : block;
	text-indent : -2000px;
	height : 40px;
}
h3 {
	overflow : hidden;
	margin : 12px 0 15px 0;
	text-indent : -2000px;
	height : 100px;
}
h4,h5,h6 {
	margin-bottom : 10px;
	line-height : 30px;
	text-indent : 10px;
	height : 30px;
}

h4 {
	font-size : 1.2em;
	border : 1px dotted #CF8442;
}

h4 a {
	line-height : 30px;
	color : #FFF;
}
h5 {
	border-top : 1px dotted #A3765B;
	border-bottom : 1px dotted #A3765B;
	background-color : #572A1A;
}
h6 {
	margin-bottom : 5px;
	border-bottom : 1px solid #6F3D2C;
}
ul {
	margin : 0 0 15px 0;
	list-style : none;
	list-style-position : outside;
}
ol {
	margin : 0 0 15px 30px;
	list-style-position : outside;
}
ul li {
	padding : 0.3em 0 0.3em 18px;
	background : url(./images/session/option/arrow.gif) no-repeat 0 0.35em;
	min-height : 1%;
	_height : 1%;
}
ol li {
	padding : 4px 0 4px 0;
}
dl {
	margin : 6px 6px 10px 6px;
}
dl dl {
	margin : 0;
}
dl dt {
	margin : 20px 0 10px 0;
	padding : 3px 2px 5px 2px;
	border-bottom : 1px dotted #A3765B;
	background : #572A1A;
	text-indent : 5px;
}
dl dd {
	margin : 10px 11px;
}
strong {
	font-weight : bold;
	font-size : 1.1em;
}
em {
	font-weight : bold;
}
p {
	margin : 0 0 15px 0;
	line-height : 1.7;
}
dl dd p {
	margin-bottom : 5px;
}
address {
	margin : 10px;
	padding : 10px;
	border : 1px solid #6F3D2C;
}
address p {
	margin-bottom : 5px;
}

/* ___________________________________________________________ table */

table {
	margin : 0 0 20px 0;
	border : 1px solid #6F3D2C;
	border-collapse : collapse;
}
table th {
	padding : 5px;
	border : 1px solid #6F3D2C;
	background : #f7f7f7;
	font-weight : bold;
	text-align : center;
}
table td {
	padding : 5px;
	border : 1px solid #6F3D2C;
}
caption {
	font-size : 1.1em;
}

/* =====================================================================
	header
====================================================================== */

div#header {
	position : relative;
}

div#header ul.guide {
	color : #4C1806;
}
div#header ul.guide a {
	text-decoration : none;
}
div#header ul.guide a:link {
	color : #4C1806;
}
div#header ul.guide a:visited {
	color : #4C1806;
}
div#header ul.guide a:hover {
	color : #4C1806;
	text-decoration : underline;
}
div#header ul.guide a:active {
	color : #4C1806;
}
div#header ul.guide a:focus{
	outline : none;
}



div#header h1,
div#header h2,
div#header ul.guide,
div#header ul.navigation {
	margin : 0 auto;
	_margin : 0;
	width : 800px;
}
div#header h1 {
	margin-bottom : 10px;
}
div#header h2 {
	padding-left : 7px;
}
div#header ul li {
	margin : 0;
	padding : 0;
	background : none;
}
div#header ul.guide {
	margin-top : -50px;
	text-align : right;
}
div#header ul.guide li {
	display : inline;
}
div#header ul.navigation {
	overflow : hidden;
	position : absolute;
	top : 90px;
	width : 800px;
	height : 50px;
}
div#header ul.navigation li {
	float : left;
	height : 50px;
}
div#header ul.navigation li a {
	display : block;
	margin : 0 0 0 0;
	text-indent : -2000px;
	height : 50px;
}
div#header ul.navigation li a:hover,
div#header ul.navigation li.stay a {
	background-position : 0 -50px;
}

/* =====================================================================
	shell
====================================================================== */

ul.topic_path {
	margin : -15px 0 0 0;
	padding : 0 0 0 10px;
	background : url(../images/shell/topic_path.gif) repeat-x 0 0;
}
ul.topic_path li {
	display : inline;
	margin : 0;
	padding : 0;
	background : none;
	line-height : 30px;
}
.more {
	text-align : right;
}
.more a {
	padding : 0.3em 0 0.3em 20px;
	background : url(./images/session/option/more.gif) no-repeat 0 0.45em;
	_background-position : 0 0.3em;
}
*+html .more a {
	background-position : 0 0.3em;
}
*+html>/**/body .more a {
	background-position : 0 0.45em;
}

/* =====================================================================
	contents
====================================================================== */

div#shell div#contents .section {
	padding : 0 10px;
}

/* ___________________________________________________________ update */

div#contents div.update h4 {
	overflow : hidden;
	position : relative;
	background : url(./images/session/headline/h4.gif) repeat-x left bottom;
	font-size : 1.1em;
	border : 0px;
}

div#contents div.update h4 a.feed {
	overflow : hidden;
	position : absolute;
	top : 7px;
	right : 9px;
	display : block;
	background : url(images/session/option/rss.gif) no-repeat 0 0;
	line-height : 60px;
	width : 16px;
	height : 16px;
}
div#contents div.update dl {
	position : relative;
	margin : 0 0 0 0;
}
div#contents div.update dl dt {
	position : absolute;
	left : 0;
	margin : 0;
	padding : 0.6em 0 0.6em 20px;
	border : none;
	background-color : #4C1806;
	width : 10.5em;
	text-indent : 0;
}
div#contents div.news dl dt {
	background : url(./images/session/option/info.gif) no-repeat 0 0.7em;
}
div#contents div.blog dl dt {
	background : url(./images/session/option/blog.gif) no-repeat 0 0.7em;
}
div#contents div.update dl dd {
	margin : 0;
	padding : 0.6em 0 0.6em 10.5em;
	border : 0;
	height : 100%;
}

/* ___________________________________________________________ column2 */

.column2 .section {
	float : left;
	padding : 0 !important;
	width : 250px;
	height : 100px;
}
.column2 .section ul {
	margin : 0;
	padding : 0;
}

/* ___________________________________________________________ detail */

p.date {
	text-align : right;
	margin : -6px 0 4px 0;
	padding : 0;
}
p.navigation {
	text-align : center;
}
.sitemap ul li {
	border-bottom : 1px dotted #6F3D2C;
}
ul.summary li {
	background : none !important;
	margin : 0 0 10px 0;
	padding : 0 0 0 5px;
	list-style : inside url(./images/session/option/arrow.gif);
	line-height : 1.0 !important;
	height : 100%;
}

/* ___________________________________________________________ active */

p.active {
	margin-top : 5px;
	padding : 0 0 0 18px;
	background : url(./images/session/option/arrow.gif) no-repeat 0 1px;
	height : 14px;
	line-height : 14px;
}
ul.active {
	padding : 5px 0 0 0;
	border-top : 1px dotted #CF8442;
	text-align : right;
}
ul.active li {
	display : inline;
	padding : 0;
	background : none !important;
}
dt.active {
	border : none;
	text-align : right;
}
dd.active {
	margin : 0;
	padding : 3px 0 0 0;
	text-align : right;
}
#contents p.return_top {
	position : relative;
	padding : 0 0 15px 0;
}
#contents p.return_top a {
	position : absolute;
	top : 0;
	right : 0;
	display : block;
	padding : 0 0 15px 20px;
	background : url(./images/session/option/return_top.gif) no-repeat 0 0.05em;
	line-height : 14px;
	height : 14px;
}

/* ___________________________________________________________ apply */

p.apply {
	overflow : hidden;
	margin : 20px 0 25px 130px;
	padding : 0;
	text-align : center;
	width : 250px;
	height : 55px;
}
p.apply a {
	display : block;
	width : 250px;
	height : 55px;
	background : url(./images/session/option/apply.gif) no-repeat 0 0 transparent;
	color : #ffffff;
	line-height : 54px;
	letter-spacing : 0px;
}
p.apply a:visited,
p.apply a:hover {
	color : #ffffff;
}

/* =====================================================================
	utilities
====================================================================== */

div#utilities h4 {
	margin : 0;
	border : 1px solid #A3765B;
	border-top : 2px solid #CF8442;
	background : none;
}
div#utilities ul {
	padding : 0 5px 8px 5px;
	border : 1px solid #A3765B;
	border-top : none;
}
div#utilities ul li {
	padding : 0.6em 0 0.6em 18px;
	border-bottom : 1px dotted #A3765B;
	background-image : url(./images/session/option/navi.gif);
	background-position : 0 0.7em;
}

/* =====================================================================
	footer
====================================================================== */

div#footer {
	position : relative;
	color : #332000;
}
div#footer p,
div#footer address {
	margin : 0 auto;
	_margin : 0;
	text-align : left;
	width : 800px;
}
div#footer p {
	position : relative;
	padding : 0;
	height : 25px;
}
div#footer p a {
	position : absolute;
	top : 0;
	right : 0;
	display : block;
	padding : 0 0 0 20px;
	width : 98px
	height : 26px;
}
div#footer address {
	clear : both;
	padding : 15px 0 0 0;
	border : none;
	font-size : 0.8em;
	text-align : center;
}

/* =================================================================== coding by thr,inc. */