@charset "euc-jp";

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

* {
	margin : 0;
	padding : 0;
	background : transparent;
	border : none;
	font : normal normal 100% Arial,Helvetica,sans-serif;
}
body {
	background : #ffffff;
	color : #0c2b85;
	font-size : 62.5%;
	text-align : center;
}

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

div#header,
div#shell,
div#footer {
	margin : 0 auto;
	width : 880px;
	font-size : 1.2em;
	text-align : left;
}
div#header {
	margin : 20px auto 0 auto;
}
div#shell {
	clear : both;
}
div#footer {
	padding : 10px 0 0 0;
}

/* ___________________________________________________________ anchor */

a {
	text-decoration : underline;
}
a:link {
	color : #0066cc;
}
a:visited {
	color : #0066cc;
}
a:hover {
	color : #0099cc;
}
a:active {
	color : #0099cc;
}

/* ___________________________________________________________ document */

h1 {
	float : right;
	padding : 12px 10px 0 10px;
	border : 5px solid #0c2c84;
	border-bottom : none;
	width : 630px;
	height : 27px;
}
*html h1 {
	width : 650px;
	height : 40px;
}
h2 {
	overflow : hidden;
	background : url(../images/logo.gif) no-repeat 20px 10px;
	width : 220px;
	height : 40px;
}
h2 a {
	display : block;
	margin : 0 0 5px 20px;
	padding : 40px 0 0 0;
	width : 173px;
	height : 25px;
}
h3,
h4 {
	background : #0c2c84 url(../images/option/icon.gif) no-repeat 10px;
	color : #ffffff;
	height : 35px;
	line-height : 35px;
	text-indent : 28px;
}
h4 {
	height : 30px;
	line-height : 30px;
}
ul {
	list-style : none;
}
ol {
	list-style-position : inside;
}
ul li {
	padding : 2px 0 2px 13px;
	background : url(../images/option/list.gif) no-repeat 0 0.4em;
}
em,strong {
	font-weight : bold;
}
p {
	padding : 0 0 10px 0;
	line-height : 1.4;
}

/* ___________________________________________________________ table */

table {
	border-collapse : collapse;
	border : 1px solid #c6c6c6;
	color : #555555;
}
table th {
	padding : 4px;
	border : 1px solid #d6d6d6;
	background : #f3f3f3;
	text-align : left;
}
table td {
	padding : 4px;
	border : 1px solid #d6d6d6;
}

/* ___________________________________________________________ form */

input,
select,
textarea {
	padding : 1px;
	border : 1px solid #dddddd;
}
*html select {
	margin : 1px 0 2px 0;
}
select option {
	padding : 2px 3px;
}
input:focus,
select:focus,
textarea:focus {
	background : #f5f5f5;
}
label {
	color : #0d2c86;
}
fieldset input.submit {
	margin : 5px 0 0 0;
	padding : 0 15px;
	border : 1px solid #0066cb;
	border-bottom : 2px solid #0d2d84;
	background : #0066cb;
	color : #ffffff;
	vertical-align : top;
	text-align : center;
}
form p {
	text-align : center;
}
div.section form p {
	text-align : left;
}
/* ___________________________________________________________ image */

img {
	vertical-align : bottom;
}
.thumbs_left {
	float : left;
	margin : 0 10px 0 0;
	vertical-align : top;
}
.thumbs_right {
	float : right;
	margin : 0 0 0 10px;
}
.thumbs_center {
	text-align : center;
}

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

hr {
	clear : both;
	visibility : hidden;
}
div#header hr,
div.information hr,
div.mobile hr {
	display : block;
	margin : -14px 0 0 0;
	height : 5px;
}

/* ___________________________________________________________ information */

div.information {
	margin : 0 0 20px 0;
	border : 5px solid #0c2c84;
	border-bottom : 1px solid #0c2c84;
	background : #0c2c84 url(../images/youme_man.gif) no-repeat 98% 90%;
	height : 100%;
}
div.information p.more {
	margin : 8px 0 0 0;
	text-align : left;
}
div.information p.more a {
	padding : 3px 0 3px 20px;
	background : url(../images/option/icon.gif) no-repeat 0 0.3em;
	color : #bedfff;
}
div.picture {
	position : relative;
	float : left;
	background : #ffffff;
	width : 360px;
	text-align : center;
}
div.picture p {
	margin : 0 0 25px 0;
	padding : 0;
	background : url(../images/headline/image.gif) no-repeat 20px 20px;
	height : 100%;
	line-height : 1;
}
div.picture p img {
	margin : 90px 0 0 0;
}
div.picture ul#mode {
	position : absolute;
	top : 40px;
	right : 20px;
	overflow : hidden;
	width : 158px;
	height : 30px;
}
div.picture ul#mode li a {
	position : absolute;
	top : 0;
	display : block;
	padding : 30px 0 0 0;
	height : 30px;
}
div.picture ul#mode li.appearance a {
	left : 0;
	background : url(../images/headline/appearance.gif) no-repeat;
	width : 66px;
}
div.picture ul#mode li.layout a {
	left : 75px;
	background : url(../images/headline/layout.gif) no-repeat;
	width : 82px;
}
div.detail {
	margin : 0 10px 0 380px;
	width : 470px;
}
div.detail h3 {
	margin : 15px 0 0 0;
	padding : 10px 0 0 85px;
	border : 5px solid #ffffff;
	background : url(../images/headline/name.gif) no-repeat left center;
	color : #ffffff;
	height : auto;
	min-height : 35px;
	line-height : 1.5;
	font-size : 1.4em;
	font-weight : bold;
	text-indent : 0;
}
*html div.detail h3 {
	padding : 10px 0 10px 85px;
}
div.detail ul {
	margin : 10px 0 0 0;
	width : 280px;
	color : #ffffff;
}
div.detail ul li {
	padding : 8px 0 8px 20px;
	background : url(../images/option/icon.gif) no-repeat left center;
	border-bottom : 1px dotted #ffffff;
}

/* ___________________________________________________________ topic_path */

ul.topic_path {
	margin : 0 0 10px 0;
	padding : 5px 10px 5px 25px;
	border : 5px solid #dddddd;
	border-top : none;
	background : #efefef;
}
ul.topic_path li,
ul.navigation li {
	display : inline;
	padding : 0;
	background : none;
}
ul.navigation {
	margin : 30px 0 10px 0;
	text-align : center;
}
ul.navigation li.next {
	padding : 0 0 0 10px;
}
ul.navigation li.prev {
	padding : 0 10px 0 0;
}

/* ___________________________________________________________ table */

div#shell table {
	margin : 0 0 10px 0;
	width : 100%;
	border : none;
}
div#shell table td {
	padding : 0;
}
div#shell table td.thumbnail {
	border-right : 3px double #d6d6d6;
	width : 100px;
	text-align : center;
}
div#shell table td h4 {
	background : none;
	line-height : 1;
	font-size : 1.2em;
	text-indent : 5px;
}
div#shell table td h4 a {
	height : 30px;
	line-height : 30px;
}
div#shell table td.thumbnail p {
	padding : 10px 0;
}
div#shell table table {
	margin : 0;
}
div#shell table table th,
div#shell table table td {
	padding : 4px 0 4px 10px;
	border : 1px solid #ffffff;
}
div#shell table.result th,
div#shell table table th {
	background : #0d2d84;
	color : #ffffff;
	width : 70px;
}
div#shell table table td {
	background : #efefef;
	color : #333333;
}
/* ___________________________________________________________ result */

div#shell table.result {
	margin : 20px 80px;
	border : none;
	border-collapse : separate;
	width : 720px;
}
div#shell table.result th {
	padding : 4px 10px;
	border : none;
}
div#shell table.result tr th.detail {
	width : 55px;
}
div#shell table.result tr th.name {
	width : 200px;
}
div#shell table.result tr th.address {
	width : 440px;
}
div#shell table.result td {
	padding : 5px 10px;
	border : 1px solid #dddddd;
}
div#shell table.result td.more {
	padding : 5px 0;
	border : none;
}
div#shell table.result td.more p {
	padding : 0;
	background : url(../images/more.gif) repeat-x 0 0;
	width : 75px;
	height : 20px;
	text-align : center;
}
div#shell table.result td.more p a {
	display : block;
	padding : 0;
	background : none;
	color : #ffffff;
	width : 75px;
	height : 20px;
	line-height : 20px;
	text-decoration : none;
}

/* ___________________________________________________________ form */

div#shell form {
	margin : 0 0 0 40px;
	padding : 10px 0 0 0;
}
div#shell form p label {
	margin : 0 0 0 20px;
	padding : 2px 10px;
	background : #eeeeee;
	vertical-align : middle;
}
*html div#shell form label {
	vertical-align : 2px;
}
*html div#shell form label,
*+html div#shell form label {
	vertical-align : 4px;
}
div#shell form p select option {
	padding : 0 10px;
}
div#shell form input.submit {
	margin : 0 0 0 30px;
}

/* ___________________________________________________________ data */

div#shell div.note,
div#shell div.data {
	margin : 30px 80px;
	padding : 0;
	width : 720px;
}
dl.data {
	margin : 0 0 10px 60px;
	border : 5px solid #0c2c84;
	background : #efefef;
	width : 750px;
}
dl.data dt {
	float : left;
	padding : 10px 0;
	width : 150px;
	text-align : right;
}
dl.data dd {
	margin : 0 0 0 170px;
	padding : 10px 0 10px 10px;
	background : #ffffff;
}
dl.data dd p {
	text-align : left;
}
div.attention {
	margin : 20px 0 10px 60px;
	border : 3px solid #ffcece;
	background : #fff9f9;
	width : 750px;
}
div.attention ul {
	padding : 10px;
}

/* ___________________________________________________________ location */

div.location {
	width : 280px;
}
*html div.location {
	width : 310px;
}

div#shell.data form {
	margin : 0;
}
div#shell.data div.location ul {
	margin : 0 0 10px 0;
}
div#shell.data div.location ul li {
	padding : 0 0 10px 15px;
}
div#shell div.note,
div#shell.data div.location p {
	text-align : center;
}
div#shell.data p input {
	margin : 0 5px;
	padding : 0 15px;
	border-bottom : 2px solid #0d2d84;
	background : #0066cb;
	color : #ffffff;
}
div#shell div.note p {
	padding : 50px 20px;
}

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

div#contents {
	float : left;
	width : 505px;
}

/* ___________________________________________________________ section */

div.section {
	margin : 0 0 20px 0;
	padding : 10px;
	border : 5px solid #0c2c84;
	height : 100%;
}
div#contents div.section {
	border-top : none;
}
div#contents div.mobile {
	padding : 15px 20px 0 20px;
	border-top : 5px solid #0c2c84;
}
div.mobile p.thumbs_left {
	margin : 0 18px 0 0;
}
div.mobile div.summary {
	float : left;
	width : 315px;
}
div.mobile h4 {
	overflow : hidden;
	margin : 0 0 10px 0;
	background : url(../images/headline/mobile.gif) no-repeat right top;
	color : #000;
	width : 315px;
	height : 50px;
	line-height : 150px;
}

div.access {
	margin : 0 0 10px 0;
	padding : 0;
	border : 1px solid #0c2c84;
}
div.access p {
	padding : 0;
}


/* ___________________________________________________________ active */

.more {
	margin : 10px 0;
	padding : 0;
	text-align : right;
}
.more a {
	padding : 2px 0 2px 13px;
	background : url(../images/option/list.gif) no-repeat 0 0.3em;
}
p.apply {
	margin : 10px auto 5px auto;
	text-align : right;
}
p.apply a {
	padding : 3px 15px;
	border-bottom : 1px solid #cccccc;
	background : #ededed;
}

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

div#utilities {
	float : right;
	width : 355px;
}
div#utilities div.section {
	padding : 5px;
}
div#utilities ul {
	margin : 0 12px;
}
div#utilities ul li {
	padding : 5px 0 5px 13px;
	background : url(../images/option/list.gif) no-repeat 0 0.6em;
}
div#utilities div.section form {
	margin : 0;
	border : none;
	width : 310px;
}
div#utilities div.section form fieldset {
	padding : 0;
}
div#utilities dl{
	margin : 10px 0 0 15px;
}
div#utilities dl dt{
	float : left;
	margin : 0 2px 5px 0;
	padding : 0 10px;
	background : #eeeeee;
}
div#utilities dl dd select {
	height : 20px;
}
div#utilities dl dt label {
	display : block;
	line-height : 20px;
}
html>/**/body div#utilities dl dt label {
	padding : 0;
}
div#utilities dl dd {
	margin : 0 0 7px 0;
}
*+html div#utilities dl dd {
	margin : 0 0 10px 0;
}
div#utilities div.section form p {
	margin : 0 0 8px 0;
	padding : 0;
	text-align : center;
}
div#utilities div.section p input.submit {
	clear : both;
	margin : 0 auto;
	width : 150px;
	height : 28px;
}
.credit {
	margin : 2px 0 10px 0;
	padding : 0;
	line-height : 1;
	text-align : right;
}
.banner {
	margin : 0 0 20px 0;
}
.banner p {
	margin : 0 0 10px 0;
	padding : 0;
}

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

div#footer p {
	overflow : hidden;
	padding : 0;
	width : 880px;
	height : 17px;
}
div#footer p a {
	float : right;
	display : block;
	padding : 17px 0 0 0;
	background : url(../images/option/pagetop.gif) no-repeat 0 0;
	width : 71px;
	height : 17px;
}
div#footer ul,
div#footer address {
	font-size : 0.8em;
	*font-size : 0.75em;
}
html>/**/body div#footer ul,
html>/**/body div#footer address {
	font-size : 10px;
}
div#footer ul {
	padding : 10px 0;
	border-top : 2px solid #0d2d84;
	border-bottom : 1px solid #0d2d84;
}
div#footer ul li {
	display : inline;
	padding : 0;
	background : none;
}
div#footer address {
	margin : 10px 0 30px 0;
	color : #333333;
	text-align : right;
}
/* =================================================================== Coding by THR,INC. */