@charset "UTF-8";

body {
    text-align: center;
}
@media screen {
    body {
        font-size: 85%;
        font-family: 'ＭＳ Ｐゴシック';
    }
}

/**
 * HTMLタグ 
 */

* {
    line-height: 1.4;
}
input {
    padding: 0.1em ! important;
    line-height: 1.0 ! important;
}

/* 段落 */
p {
    text-indent: 1em;
    margin-bottom: 1em ! important;
}
table, input, textarea, select {
    font-size: inherit;
}

/**
 * レイアウトパーツ
 */

/**/
div#base {
	width: 900px;
	margin: 0 auto;
    text-align: left;
}
/* ヘッダ */
div#header {
	height: 50px;
	background: url(../img/header-right.png) no-repeat;
    background-position: right;
}
div#header a.home {
    display: block;
    width: 245px;
    height: 40px;
}
/* グローバルメニュー: 印刷時 */
@media print {
    ul#global-menu {
		display: none;
    }
}
/* グローバルメニュー: ブラウザ */
@media screen {
	ul#global-menu {
        clear: both;
		margin: 0 ! important;
		padding-left: 2em ! important;
		background-color: #300080;
		list-style-type: none ! important;
	}
	ul#global-menu li {
	    display: block;
		float: left;
	}
	ul#global-menu li a {
	    display: block;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        color: #300060;
        padding: 0.1em 0 ! important;
        border: 1px double #300060;
        background-color: #eef;
	}
    ul#global-menu li a span {
        display: block;
        width: 8em;
    }
	ul#global-menu li a:hover {
        background-color: #ffc;
    }
}
/* パンくず */
div#topic-path {
	margin-bottom: 1em;
}
div#topic-path strong {
	font-weight: bold;
}
/* サブメニュー */
div.submenu {
	margin: 1em 0 ! important;
	padding: 0.4em 1em ! important;
	border: 1px solid gray;
	background-color: #ffe;
}
div.submenu span.current {
	font-weight: bold;
}

/* 中央部 */
div#main {
	background: url(../img/bg3.jpg) no-repeat right top;
	padding-top: 10px ! important;
}

/* フッター */
div#footer {
    margin: 20px 0px ! important;
    padding: 4px 0px 0px 10px ! important;
    border-top: solid #300080 2px;
    clear: both;
}

/* タイトル */
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
	font-weight: bold;
	border: solid #300080;
    border-width: 0 0 2px 10px;
    padding: 0 0 0.1em 0.2em ! important;
    margin: 1em 0 ! important;
}
/* サブタイトル */
h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle {
    font-weight: bold;
	margin: 0.5em 0 ! important;
	padding: 0.1em 0.2em ! important;
    border-bottom: 1px solid #9cc;
    background-color: #fff;
}
/* 広告ページ・強調タイトル */
div.big-title {
    border: solid #300080;
    border-width: 0 0 0 10px;
    padding-left: 0.2em;
    margin-bottom: 1em;
}
div.big-title h1 {
    font-size: 1.8em;
}

/* 箇条書き・リスト */
ul, ol {
    margin: 0 0 1em 2em ! important;
}
ul {
	list-style-type: disc ! important;
}
ol {
    list-style-type: decimal ! important;
}

/* テーブル */
table tr th, table tr td {
	padding: 0.2em 0.4em ! important;
}
table.border {
	margin: 1em 0 ! important;
	border: 1px solid gray;
}
table.border th, table.border td {
	border: 1px solid gray ! important;
}
table.border th {
	font-weight: bold;
	background-color: #eee;
}

/* 画像 */
img.border {
	border: 1px solid gray;
}

/* クリア */
.clear {
	clear: both;
    float: none ! important;
    width: 0;
    height: 0;
}
/* 強調 */
.b {
    font-weight: bold;
}
.watch {
	color: green;
}
/* 更新日付 */
div.updated {
	text-align: right;
	margin-bottom: 0.5em ! important;
}

/* 問い合わせボタン(小) */
div.inquiry-now {
    margin: 0 0 1em 2em;
}
/* 問い合わせボタン(大) */
div.inquiry-big-button {
    text-align: center;
    margin-bottom: 1em;
}

/**
 * YUI2 Reset CSS
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
