@charset "UTF-8";

/*
    MT-Pack 標準スタイル
    Ver.1.00
    http://www.viva-mambo.co.jp/
    作成日：2006年06月26日
    更新日：2006年08月17日
    Copyright 2006 Viva Mambo, Inc. All Rights Reserved.
*/


/*--------------------------------------------------------------------
	デフォルトスタイルの初期化
--------------------------------------------------------------------*/

@import "default.css";


/*--------------------------------------------------------------------
	汎用要素スタイル
--------------------------------------------------------------------*/

body {
	margin: 0 0 70px 0;
	background-color: #FBFAE2;
}

a {
	color: #266180;
}

a:link {
	color: #266180;
}

a:visited {
	color: #800080;
}

a:hover {
	color: #00ff00;
}


/*--------------------------------------------------------------------
	ワイヤーフレーム定義
--------------------------------------------------------------------*/

body { 
    text-align: center; /* Win IE 5でボックスを中央に配置 */
}

div#container {
    width: 760px;
    margin: 0 auto;
    text-align: left; /* Win IE5でボックスを中央に配置することによるテキスト中央揃えを解除 */
}

div#header {
	width: 100%;
	background: none;
}

div#header div#breadcrumb {
	float: left;
	width: 460px;
}

div#header div#search {
	float: right;
	width: 300px;
}

div#globalnav {
	/*overflow: hidden;*/ /* Safariでタブの表示が狂う不具合あり */
	clear: both;
}

div#wrapper {
	
}

div#wrapper div#main {
	float: left;
	width: 560px;
}

div#wrapper div#sub {
	
}

div#wrapper div#wrapper-foot {
	clear: both;
}

div#footer {
	width: 100%;
}

div#footer div#menu {
	float: left;
	width: 400px;
}

div#footer div#copyright {
	float: right;
	width: 360px;
}


/*--------------------------------------------------------------------
	ワイヤーフレーム部位別スタイル
--------------------------------------------------------------------*/

div#header div#breadcrumb p {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
	font-size: 80%;
}

div#header div#search {
	text-align: right;
}

div#header div#search form {
	padding: 0 20px 0 0;
	font-size: 80%;
}

div#header div#search form img {
	vertical-align: text-top;
}

div#globalnav ul {
	list-style: none;
	height: 46px;
	padding: 0 19px 0 17px;
	background: transparent url("../img/bkgnd_wrapper_head.jpg") no-repeat scroll top left;
	font-size: 12px;
	font-weight: bold;
}

div#globalnav ul li {
	float: left;
	width: 103px;
	height: 31px;
	margin: 0;
	background: transparent url("../img/tab_non-active.gif") no-repeat scroll top left;
}

div#globalnav ul#home li.home,
div#globalnav ul#about li.about,
div#globalnav ul#point li.point,
div#globalnav ul#service li.service,
div#globalnav ul#order li.order,
div#globalnav ul#manual li.manual,
div#globalnav ul#sample li.sample,
div#globalnav ul#footer-menu li.footer-menu,
div#DontUseThisID {
	width: 103px;
	margin: 0 -1px 0 1px;
	background: transparent url("../img/tab_active.gif") no-repeat scroll top left;
}

div#globalnav ul li a {
	display: block;
	width: 103px;
	height: 31px;
	color: #333333;
	line-height: 300%; /* テキスト表示位置の調整 */
	text-decoration: none;
	text-align: center;
}

div#globalnav ul#home li.home a,
div#globalnav ul#about li.about a,
div#globalnav ul#point li.point a,
div#globalnav ul#service li.service a,
div#globalnav ul#order li.order a,
div#globalnav ul#manual li.manual a,
div#globalnav ul#sample li.sample a,
div#globalnav ul#footer-menu li.footer-menu a,
div#DontUseThisID {
	width: 103px;
	color: #000000;
}

div#globalnav ul li.disable-tab {
	display: none;
}

div#wrapper {
	margin: 0 0 15px 0;
	background: #ffffff url("../img/bkgnd_wrapper.jpg") repeat-y scroll top left;
}

div#wrapper div#main h2 {
	margin: 0 0 0.7em 5px;
	padding: 0 0 0.2em 25px;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	font-size: 150%;
}

div#wrapper div#main h3 {
	clear: both;
	_overflow: hidden;
	width: 530px;
	_width: 530px;
	height: 25px;
	margin: 0 0 0.5em 20px;
	background: #6da200 url("../img/bkgnd_h3.gif") no-repeat scroll top left;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	line-height: 175%; /* テキスト表示位置の調整 */
	text-indent: 10px;
}

div#wrapper div#main h4 {
	margin: 0 0 0 30px;
	background: transparent url("../img/bkgnd_h4.gif") no-repeat scroll center left;
	color: #266180;
	font-weight: bold;
	font-size: 100%;
	text-indent: 10px;
}

div#wrapper div#main h5 {
	margin: 0 0 0 30px;
	color: #266180;
	font-weight: bold;
	font-size: 100%;
}

div#wrapper div#main h6 {
	margin: 0 0 0 30px;
	font-weight: bold;
	font-size: 100%;
}

div#wrapper div#main div,
div#wrapper div#main p,
div#wrapper div#main blockquote,
div#wrapper div#main pre,
div#wrapper div#main table,
div#wrapper div#main ul,
div#wrapper div#main ol,
div#wrapper div#main dl,
div#wrapper div#main hr {
	margin: 0 20px 1.5em 30px;
	font-size: 100%;
	line-height: 150%;
}

div#wrapper div#main img {
	margin: 0 20px 20px 30px;
}

div#wrapper div#main ul li img {
	vertical-align:middle;
	margin: 0 0 0 5px;
}

div#wrapper div#main table {
	font-size: 80%;
}

div#wrapper div#main table th,
div#wrapper div#main table td {
	padding: 5px;
	border-color: #666666;
}

div#wrapper div#main table th p,
div#wrapper div#main table td p {
	margin: 0;
}

div#wrapper div#main table th img,
div#wrapper div#main table td img {
	margin: 0;
}

div#wrapper div#main div img{
	margin: 0 0 0 0;
	/*
	margin: 0 0 -1.5em 0;
	*/
	border:#999999 solid 1px;
}

div#wrapper div#main p img{
	margin: 0 0 -1.5em 0;
}

div#wrapper div#main table th div img,
div#wrapper div#main table td div img {
	margin: 0 -20px -1.5em -30px;
}

div#wrapper div#main strong {
	color: #cc0000;
	font-weight: bold;
}

div#wrapper div#main em {
	font-weight: bold;
}

div#wrapper div#main i {
	font-style: oblique;
}

div#wrapper div#main del {
	text-decoration: line-through;
}

div#wrapper div#main cite {
	display: block;
}

div#wrapper div#main p.entry-date {
	margin: 0 20px 0 30px;
	color: #266180;
	font-size: 80%;
	font-weight: bold;
}

div#wrapper div#sub {
	margin: 0 0 0 576px;
}

div#wrapper div#sub p img {
	margin: 15px 0 0 0;
}

div#wrapper div#sub p#feed a {
	font-size: 90%;
	text-decoration: none;
	line-height: 1;
	vertical-align: bottom;
}

div#wrapper div#sub p#feed-explanation {
	background: #eee;
	border: 1px solid #ccc;
	font-size: 80%;
	margin: 5px 0 0 0;
	padding: 3px;
	width: 154px;
}

div#footer {
	color: #666666;
	font-size: 80%;
}

div#footer div#menu ul {
	list-style: none;
	margin: 0 0 0 20px;
}

div#footer div#menu ul li {
	float: left;
	margin: 0 25px 0 0;
}

div#footer div#copyright p {
	margin: 0 20px 0 0;
	text-align: right;
}