@charset "utf-8";
/* CSS Document・マッチングシステム使用方法ページ汎用*/

/*-------専用仕様にする場合以下の部分を任意に変更
　　　　　●メニュー部分背景色・20行目～32行目(要編=27行目)
以上-----*/

/* mainは右半分 */
#main{
    height:95%;
    overflow:auto;
	padding-top:20px;
    padding-left:180px;
	padding-right:10px;
    line-height: 150%;
	color: #666666;
	padding-bottom:30px;
}

/*-------専用仕様にする場合この部分、要・編集-----*/
#sub{/* 左半分---メニュー部分 */
	width:160px;
	height:100%;
	padding-top:4em;
	padding-left:1.5em;/*左の余白2文字分*/
	line-height: 110%;
	font-size: 12px;
	background-color:#FF9999;/*専用色を使うときは#以下を任意に変更*/
	/*background-image:url(../macchinng/syashinn/●●.jpg);---画像を使うときはパスはこのままファイル名を指定*/
	position:absolute;
	z-index:100;
}
/*-------ここまで-----*/
#foot{
	height:5%;
	width:80%;
	position:absolute;
	text-align:left;
	margin-bottom:0px;
}
#title{
    padding-top:5px;
　　padding-left:20px;
	padding-right:10px;
	padding-bottom:5px;
	border-style:dotted;
    border-width:2px;
    border-color:#FF3366;/*専用色を使うときは#以下を任意に変更。#subのBGが薄いときは濃い目の同系色にすること。*/
	margin-left:1em;/*左の余白3文字分*/
}
*{
    margin:0;
    padding:0;
}
html{
    height:100%;
    overflow:hidden;/*スクロールバーを出したいときは「hidden→aout」に*/
}
body{
    height:100%;
    width:800px;
	word-break: normal;
    margin:0px auto;
	font-size: 13px;
	line-height: 150%;
}

/* リンク関係のCSS */
/* 幅の細いメニュー用 */
a.menu{/*通常*/
    display:block;
    background-color:#FFFFFF;/*背景色---メニュー色変更は#FFFFFFを任意に変更*/
    padding:0.5em	10px;
    width:120px;
    height:10px;
    text-decoration:none;
	color: #666666;/*文字の色*/
}
a:hover.menu{/*オンマウス*/
	background-color:#FFFFFF;
	padding:0.5em	10px 0.5em 10px;
	border-left:dotted 2px #FFFFFF;
    border-bottom:dotted 2px #FFFFFF;
	font-weight: bold;
	color: #666666;
}
a:active.menu{/*オンクリック*/
    background-color:#FFFFcc;
	padding:0.5em	10px 0.5em 10px;
    border-left:dotted 2px #FFFFFF;
	color: #666666;
}
.atp{/*現在位置用 */
    display:block;
    background-color:#FFFFcc;
	padding:0.5em	10px;
	width:118px;
    height:10px;
    border-left:dotted 2px #FFFFFF;
	border-bottom:dotted 2px #FFFFFF;
	color: #666666;
	font-weight: bold;
    text-decoration:none;	
}
/* 幅の太いメニュー（【ＳＴＡＲＴ】）用 */
a.menu2{/*通常 */
    display:block;
    background-color:#FFFFFF;
    padding:1em	10px;
    width:120px;
    height:14px;
    text-decoration:none;
	color: #666666;
}
a:hover.menu2{
    background-color:#FFFFFF;
    padding:1em	10px 1em 10px;
    border-left:dotted 2px #FFFFFF;
	border-bottom:dotted 2px #FFFFFF;
	font-weight: bold;
	color: #666666;
}
a:active.menu2{
    background-color:#FF9933;
	padding:1em	10px 1em 10px;
    border-left:dotted 2px #FFFFFF;
	color:#FFFFFF;
}
.atp2{/* 太いメニュー・現在位置用 */
    display:block;
    background-color:#FFFFcc;
	padding:1em	10px;
	width:118px;
    height:14px;
    border-left:dotted 2px #FFFFFF;
	border-bottom:dotted 2px #FFFFFF;
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

a.co{/* オタギのサークルシー部分 */
    color: #666666;
	font-size: 10px;
    text-decoration:none;
}
a:hover.co{/*オンマウス*/
    color: #666666;
	font-size: 10px;
	font-weight: bold;
}
a:active.co{/*オンクリック*/
    color: #666666;
	font-size: 10px;
    text-decoration:none;
}

/*テキスト関連*/
p{/*本文*/
    padding-top:0em;/*上の詰め0文字分*/
    padding-bottom:0em;/*下の詰め0文字分*/
    padding-left:2em;/*左の詰め2文字分*/
    padding-right:2em;/*右の詰め2文字分*/
}
.li{/*リスト見出し用*/
    padding-top:0em;/*上の詰め0文字分*/
    padding-bottom:0em;/*下の詰め0文字分*/
    padding-left:3em;/*左の詰め2文字分*/
	font-weight:bold;
}
.ul{
    padding-left:4em;/*左の詰め4文字分*/
    margin-left:2em;/*左の余白2文字分*/
}
.ul2{
    padding-left:4em;/*左の詰め4文字分*/
    margin-left:2.8em;/*左の余白3文字分*/
}
.ul3{
    padding-left:4em;/*左の詰め4文字分*/
    margin-left:3.8em;/*左の余白4文字分*/
}
.h1{
 	font-size: 18px;
	font-weight:bolder;
	line-height: 200%;
}
.ｈ2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
}
.ｈ3 {/*メニューボタン【START】の文字サイズ*/
	font-size: 18px;
}
.text2 {
	font-size: 10px;
	line-height: 150%;
}
.text3 {
	font-size: 14px;
	line-height: 150%;
}
.box1{/*テストフラッシュムービーが入っているボックス*/
    background-color:#FFFFFF;
    border-style:dotted;
    border-width:2px;
    border-color:#FF9999;
	margin-left:6em;/*左の余白3文字分*/
}
/*画像関連*/
img{   
    border-style:none;
}
img.vm{
    vertical-align:middle;
}
img.fl{
float:left;
}