@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 80%;
	background-image: url(../images/common/back.jpg);
	background-repeat: repeat-y;
	background-position: center;
	line-height: 1.4em;
}
a {
	text-decoration:underline;
	color: #3333FF;
}
a:visited {
	color: #6666CC;
}
a:hover {
	text-decoration:none;
	color: #3366FF;
}


/**//**//**//**//**//**//**//**/
/* ページレイアウト用 */
/* ページ全体を囲む */
#container {
	width: 800px;
	background: #FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
/* グローバルメニュー下のメインコンテンツ */
#mainContent {
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #CCCCFF;
	overflow: hidden;
	background-image: url(../images/common/bg.gif);
	background-repeat: repeat-y;
}
/* 左のサイドメニュー用ボックス */
#mainContent #side_box {
	width: 180px;
	left: 0px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* 右のコンテンツ用ボックス */
#mainContent #main_box {
	width: 600px;
	float: left;
	padding-top: 7px;
	margin-bottom: 20px;
}


/**//**//**//**//**//**//**//**/
/* グラデ背景のヘッダー */
#header01 {
	height: 90px;
	margin: 0px;
	background-image: url(../images/common/header_backimg01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 7px;
}
h1 {
	font-size: 100%;
	font-weight: normal;
}
#header01 h1 {
	padding-top: 70px;
	margin: 0px;
}
#header01 .logo {
	border:0;
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 10px;
}
/* イメージ写真背景のヘッダー */
#header {
	height: 90px;
	margin: 0px;
	background-image: url(../images/common/header_backimg02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 7px;
}
#header h1 {
	padding-top: 70px;
	margin: 0px;
}
#header .logo {
	border:0;
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 10px;
}

/**//**//**//**//**//**//**//**/
/* メインメニュー表示用 */
/* メニューボタン全体 */
.menu {
	top:0;
	left:0;
	position: relative;
	width: 800px;
	height: 35px;
}
/* 個々のボタン位置 */
#menu1 {
	position:absolute;
	left:0;
	top:0;
}
#menu2 {
	position:absolute;
	left:160px;
	top:0;
}
#menu3 {
	position:absolute;
	left:320px;
	top:0;
}
#menu4 {
	position:absolute;
	left:480px;
	top:0;
}
#menu5 {
	position:absolute;
	left:640px;
	top:0;
}
p{
	margin:0;
	padding: 0;
}
.menu p a{
	display:block;
	height: 35px;
	width: 160px;
	background-image: url(../images/common/main_menu.gif);
	text-indent: -100em; /*テキストを表示しないように枠外へ飛ばす */
	cursor: default;/*カーソルは矢印表示 */
}

/* ↓↓1枚のメニュー画像を「背景」として位置を指定して表示*/
/* メニューボタン1つあたりの画像サイズは160×35pxで位置決定しているので、サイズ変更する場合は注意！！！*/
/* 通常 */
.menu #menu1 p a{background-position: 0px 0px;}
.menu #menu2 p a{background-position: -160px 0px;}
.menu #menu3 p a{background-position: -320px 0px;}
.menu #menu4 p a{background-position: -480px 0px;}
.menu #menu5 p a{background-position: -640px 0px;cursor: auto;}
/* オンマウス */
.menu #menu1 p a:hover{background-position: 0px -35px;}
.menu #menu2 p a:hover{background-position: -160px -35px;}
.menu #menu3 p a:hover{background-position: -320px -35px;}
.menu #menu4 p a:hover{background-position: -480px -35px;}
.menu #menu5 p a:hover{background-position: -640px -35px;}
/* 現在のページ */
.menu #menu1 p a.stay{background-position: 0px -70px;}
.menu #menu2 p a.stay{background-position: -160px -70px;}
.menu #menu3 p a.stay{background-position: -320px -70px;}
.menu #menu4 p a.stay{background-position: -480px -70px;}
.menu #menu5 p a.stay{background-position: -640px -70px;cursor: default;}

 /* マウスオン時のサブメニュー表示 */
.submenu {
	visibility: hidden;
	position: absolute;
	left: 0px;
}
.submenu span {
	display:none;
}
.submenu a {
	display:block;
	height: 25px;
	width: 158px;
	background-color: #000099;
	border: 1px solid #FFFFFF;
	text-decoration: none;
	line-height:2em;
	text-align: center;
	color: #FFFFFF;
}
.submenu a:hover{
	background-color: #3366FF;
}
 /* メインメニュー表示ここまで */

/**//**//**//**//**//**//**//**/
/* #side_box内サイドメニュー */
.sidemenu {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.sidemenu li {
	list-style-type: none;
}
.sidemenu a {
	width: 160px;
	padding-left: 18px;
	background-image: url(../images/common/sidemenu_mark.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #FFFFFF;
	border: 1px solid #CCCCFF;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #333333;
}
.sidemenu a:hover {
	background-color: #F0F0FF;
	text-decoration: none;
	background-image: url(../images/common/sidemenu_mark.gif);
	background-repeat: no-repeat;
	background-position: -180px center;
}
/*現在のページ*/
.sidemenu a.sstay {
	background-color: #DDDDFF;
	background-image: url(../images/common/sidemenu_mark.gif);
	background-repeat: no-repeat;
	background-position: -180px center;
	color: #000099;
	cursor: default;/*カーソルは矢印表示 */
}
/*商品ラインナップ*/
.lineup {
	background-color: #999999;
	text-align: center;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/**//**//**//**//**//**//**//**/
/* パンくずリスト */
.topicpath {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0;
}

.topicpath li {
    display: inline;
    list-style-type: none;
}

.topicpath li a {
	background-image: url(../images/common/crumb.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 17px;
}

/**//**//**//**//**//**//**//**/
/* フッター */
.footnavi{
	margin:0;
	background-color: #000099;
	padding: 0px;
}
.footnavi li{
	list-style-type: none;
	display: inline;
	margin-left: 20px;
}
.footnavi li a{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/common/mark_b.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 0px 1px;
	line-height: 2em;
}
.footnavi li a:hover{
	color: #FFCC33;
}
p.copyright {
	font-size: 80%;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

/**//**//**//**//**//**//**//**/
/* 頭にマーク付きのリンクテキスト(右寄せ）*/
.mark_box{
	padding: 0px;
	text-align: right;
	margin: 0px;
}
.mark{
	padding: 0px;
	text-align: right;
	background-image: url(../images/common/mark_w.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.mark a{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
/* 頭にマーク付きのリンクテキスト(通常）*/
.mark2{
	background-image: url(../images/common/mark_w.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}


/**//**//**//**//**//**//**//**/
/* このページの上へ */
.pageup{
	padding: 0px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.pageup a{
	background-image: url(../images/common/pageup.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-indent: -100em;
	height: 18px;
	width: 100%;
	display: block;
}
.pageup a:hover{
	background-image: url(../images/common/pageup.gif);
	background-position: right -18px;
}

/**//**//**//**//**//**//**//**/
/* 表デザイン */
/* 表1 */
.table1 {
	border-collapse:collapse;
	margin-top: 7px;
	margin-bottom: 7px;
}
.table1 th {
	background-color: #DDDDEE;
	font-weight: normal;
	text-align: left;
	padding: 3px;
	border: 1px solid #CCCCFF;
}
.table1 td {
	border: 1px solid #CCCCFF;
	padding: 3px;
}
/* 表2～ソフト動作環境表示用*/
.table2 {
	border-collapse:collapse;
}
.table2 th {
	background-color: #F0F1FC;
	font-weight: normal;
	color: #000099;
	text-align: left;
	padding: 5px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCFF;
	border-right-color: #CCCCFF;
	border-bottom-color: #CCCCFF;
	border-left-color: #CCCCFF;
}
.table2 td {
	padding: 5px;
	border: 1px solid #CCCCFF;
}
.bg_bl {
	background-color:#EDF5FE;
}
/* 表3～スケジュール用*/
.table3 {
	border-collapse:collapse;
	width: 700px;
}
.table3 th {
	border: 1px solid #999999;
	padding: 5px;
	text-align: center;
}
.table3 td {
	border: 1px solid #999999;
	padding: 5px;
}
.bg_or {
	background-color:#FEDA9C;
	padding-top: 5px;
	padding-bottom: 5px;
}
.bg_yl {
	background-color:#FFFBDF;
}
.bg_gr {
	background-color:#F3F3F3;
}

/**//**//**//**//**//**//**//**/
/*見出し*/
.title {
	font-size: 100%;
	background-image: url(../images/common/banner_title.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 600px;
	padding-left: 25px;
	line-height: 28px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.title2 {
	color: #000099;
	background-image: url(../images/common/mark_shikaku.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 15px;
	font-size: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
.title3{
	font-size: 130%;
	font-weight: bold;
	color: #FF6633;
	padding: 0px;
	line-height: 1.4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.title4{
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #000099;
	border-left-color: #000099;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 7px;
	color: #000099;
	font-size: 110%;
	background-color: #F0F1FC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/**//**//**//**//**//**//**//**/
/* その他細かいレイアウト用 */
.top10 {
	margin-top: 10px;
}
.bottom10 {
	margin-bottom: 10px;
}
.bottom30 {
	margin-bottom: 30px;
}
.top30_btm20 {
	padding-top: 30px;
	padding-bottom: 20px;
}

.float_r {
	float:right;
}
.float_l {
	float:left;
}
.txt_b {
	color: #000099;
}
.mp0 {
	margin: 0px;
	padding: 0px;
}
.line {
	width: 100%;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #CCCCFF;
	padding-top: 10px;
}
.line2 {
	width: 100%;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #CCCCFF;
	margin-top: 40px;
	margin-bottom: 40px;
}
.txt_red {
	color: #CC0000;
	font-size: x-small;
}
.txt_imp {
	color: #CC0000;
}
/*青文字で青罫線囲み*/
.deco {
	color: #0000CC;
	padding: 5px;
	border: 1px solid #0000CC;
}
/*赤文字で赤罫線囲み*/
.deco2 {
	padding: 5px;
	border: 1px solid #CC0000;
	color: #CC0000;
	background-color: #F5F5F5;
}