/* ----------------------------------------------------------- */
/*                                                             */
/* 【タイトル】 TriaL3 (Version 2)                             */
/* 【ファイル】 trial3.css                                     */
/* 【作成月日】 2007/9/28                                      */
/* 【制 作 者】 水瀬                                           */
/* 【動作環境】 Internet Explorer 6, 7                         */
/*              Firefox 2                                      */
/* 【 E-Mail 】 Please confirm it on the homepage.             */
/* 【HomePage】 http://kzkz.fya.jp/                            */
/* 【著 作 権】 Copyright (C) 2007 TriaL3 All Rights Reserved. */
/*                                                             */
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- */
/* 基本設定                                                    */
/* ----------------------------------------------------------- */

@charset "Shift_JIS";

/* ----------------------------------------------------------- */
/* 全体設定                                                    */
/* ----------------------------------------------------------- */

* {
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

body {
	color: #333333;
	font-family: MS UI Gothic, Osaka, ＭＳ Ｐゴシック;
	font-size: 100%;
	text-align: center;
	background: #99CCCC url("../images/img/body.gif") repeat-y center;
	padding: 0;
	margin: 0;
}

table {
	font-size: 100%;
}

img {
	vertical-align: text-bottom;
	border: 0;
}

/* リンク文字 */
a {
	color: #333333;
	text-decoration: underline;
}

a:hover	{
	color: #669999;
	text-decoration: underline;
}
a:visited {
	color: #333333;
}
a:visited:hover	{
	color: #669999;
	text-decoration: underline;
}

/* フォーム関係 */
form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font-size: 100%;
	color: #333333;
	border: #333333 solid 1px;
	background-color: #FFFFFF;
}

input:hover, textarea:hover, select:hover {
	font-size: 100%;
	color: #333333;
	border: #333333 solid 1px;
	background-color: #EFEFEF;
}

textarea {
	scrollbar-base-color: #333333;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #333333;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #333333;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #333333;
}

/* 全体 */
div#whole {
	width: 800px;
	text-align: center;
	background: #FFFFFF url("../images/img/whole.gif") repeat-y center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

/* ----------------------------------------------------------- */
/* ヘッダー                                                    */
/* ----------------------------------------------------------- */

div#header {
	width: 750px;
	font-size: 80%;
	border-top: #669999 solid 5px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

/* タイトルロゴ */
div#header div#title_logo {
	display: inline; /* IE6バグ対策 */
	float: left;
	width: 40%;
	text-align: left;
	padding: 0;
	margin: 0;
}

div#header div#title_logo h1 {
	font-size: 100%;
	font-weight: normal;
	text-indent: -1000px;
	background: url("../images/img/title_logo.gif") no-repeat;
	padding: 0;
	margin: 0;
}

div#header div#title_logo h1 a {
	display: block;
	width: 200px;
	height: 50px;
}

div#header div#title_logo h1 a img {
	width: 100%;
	height: 100%;
}

/* サブタイトル */
div#header div#subtitle {
	display: inline; /* IE6バグ対策 */
	float: right;
	width: 60%;
	height: 50px;
	text-align: right;
}

div#header div#subtitle h2 {
	color: #669999;
	font-size: 100%;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}

/* サイトパス */
div#header div#sitepath {
	clear: both;
	display: inline; /* IE6バグ対策 */
	float: left;
	width: 70%;
	text-align: left;
}

div#header div#sitepath p {
	color: #669999;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 5px;
}

div#header div#sitepath em a {
	color: #669999;
	text-align: center;
	text-decoration: none;
	border: #99CCCC solid 1px;
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 5px;
}

div#header div#sitepath em a:hover {
	color: #336666;
	border: #669999 solid 1px;
	background: #99CCCC;
}

/* ヘッダーサブメニュー */
div#header div#header_submenu {
	display: inline; /* IE6バグ対策 */
	float: right;
	width: 30%;
	text-align: left;
	background: url("../images/img/header_submenu.gif") no-repeat bottom right;
}

div#header div#header_submenu ul {
	width: 100%;
	background: url("../images/img/header_submenu_ul.gif") no-repeat;
}

div#header div#header_submenu ul li {
	display: inline;
	list-style: none;
}

div#header div#header_submenu ul li a {
	display: inline; /* IE6バグ対策 */
	float: right;
	color: #336666;
	text-align: center;
	text-decoration: none;
	background: url("../images/img/header_submenu_ul_li_a.gif") no-repeat;
	padding: 5px 15px 5px 15px;
	margin: 0px 10px 0px 0px;
}

div#header div#header_submenu ul li a:hover {
	text-decoration: underline;
}

/* ヘッダーメニュー */
div#header div#header_menu {
	clear: both;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#header div#header_menu div#header_menu_navi {
	width: 100%;
	height: 26px;
	background: url("../images/img/header_menu_navi.gif") no-repeat;
}

div#header div#header_menu ul {
	float: right;
	width: 100%;
	padding: 0;
	margin: 0;
}

div#header div#header_menu ul li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

div#header div#header_menu ul li a {
	display: inline; /* IE6バグ対策 */
	float: right;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 0px 10px;
}

div#header div#header_menu ul li a:hover {
	color: #336666;
	background: #99CCCC;
}

div#header div#header_menu ul li span {
	display: inline; /* IE6バグ対策 */
	float: left;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 10px;
}

div#header div#header_menu ul li span.a_dummy {
	display: inline; /* IE6バグ対策 */
	float: left;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 5px;
}

/* ヘッダーイメージ */
div#header div#header_image_index {
	display: block;
	clear: both;
	width: 750px;
	height: 400px;
	text-align: left;
	background: url("../images/img/header_image.png") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
}

div#header div#header_image_index img {
	width: 100%;
	height: 100%;
}

div#header div#header_image {
	display: none;
	clear: both;
	width: 750px;
	height: 500px;
	text-align: left;
	background: url("../images/img/header_image.jpg") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
}

div#header div#header_image img {
	width: 100%;
	height: 100%;
}

/* ----------------------------------------------------------- */
/* メイン                                                      */
/* ----------------------------------------------------------- */

div#main, div#main2 {
	width: 750px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

/* ----------------------------------------------------------- */
/* サイド                                                      */
/* ----------------------------------------------------------- */

div#main div#side {
	display: none;
}

div#main2 div#side {
	display: inline; /* IE6バグ対策 */
	float: right;
	width: 210px;
	font-size: 80%;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#side h3 {
	color: #FFFFFF;
	font-size: 100%;
	background: url("../images/img/h3.gif") no-repeat;
	padding: 5px 0px 5px 20px;
	margin: 20px 0px 0px 0px;
}

div#side div.navi {
	background: url("../images/img/navi.gif") repeat-y;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#side div.navi_bottom {
	height: 7px;
	background: url("../images/img/navi_botoom.gif") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#side div.navi ul {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

div#side div.navi ul li {
	display: inline;
	list-style: none;
}

div#side div.navi ul li a {
	display: block;
	text-align: left;
	text-decoration: none;
	background: url("../images/img/navi_ul_li_a.gif") no-repeat 0px 0px;
	padding: 5px 0px 5px 30px;
	margin: 0px 0px 0px 0px;
}

div#side div.navi ul li a:hover {
	background-position: 0px -50px;
}

div#side div.navi ul li ul {
	padding: 0;
	margin: 0;
}

div#side div.navi ul li ul li a {
	display: block;
	width: auto;
	color: #333333;
	text-align: left;
	text-decoration: none;
	background: url("../images/img/menu_navi_ul_li_ul_li_a.gif") no-repeat 0px 0px;
	padding: 5px 0px 5px 40px;
	margin: 0px 0px 0px 0px;
}

div#side div.navi ul li ul li a:hover {
	background-position: 0px -50px;
}

div#side div.navi div.assistance {
	padding: 5px 0px 5px 4px;
	margin: 0px 0px 0px 0px;
}

div#side div.navi div.assistance img {
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 7px 0px;
}

/* ----------------------------------------------------------- */
/* コンテンツ                                                  */
/* ----------------------------------------------------------- */

div#main div#contents {
	display: inline; /* IE6バグ対策 */
	float: left;
	width: 750px;
	font-size: 80%;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}

div#main2 div#contents {
	display: inline; /* IE6バグ対策 */
	float: left;
	width: 520px;
	font-size: 80%;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}

/* コンテンツイメージ */
div#contents_image_index {
	display: none;
	width: 520px;
	height: 300px;
	text-align: center;
	background: url("../images/img/contents_image.jpg") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

div#contents_image {
	display: none;
	width: 520px;
	height: 300px;
	text-align: center;
	background: url("../images/img/contents_image.jpg") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

div#main div#contents h4 {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 1px;
	background: url("../images/img/h4.gif") no-repeat;
	padding: 5px 0px 5px 20px;
	margin: 0px 0px 0px 0px;
}

div#main2 div#contents h4 {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 1px;
	background: url("../images/img/h42.gif") no-repeat;
	padding: 5px 0px 5px 20px;
	margin: 0px 0px 0px 0px;
}

div#contents h4 a {
	color: #FFFFFF;
	text-decoration: none;
}

div#main div#contents h5 {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 1px;
	background: url("../images/img/h5.gif") no-repeat;
	padding: 5px 0px 5px 20px;
	margin: 20px 0px 0px 0px;
}

div#main2 div#contents h5 {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 1px;
	background: url("../images/img/h52.gif") no-repeat;
	padding: 5px 0px 5px 20px;
	margin: 20px 0px 0px 0px;
}

div#contents h5 a {
	color: #FFFFFF;
	text-decoration: none;
}

div#main div#contents div.box {
	line-height: 120%;
	background: url("../images/img/box.gif") repeat-y;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

div#main2 div#contents div.box {
	line-height: 120%;
	background: url("../images/img/box2.gif") repeat-y;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

div#main div#contents div.box_bottom {
	height: 7px;
	background: url("../images/img/box_botoom.gif") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main2 div#contents div.box_bottom {
	height: 7px;
	background: url("../images/img/box_botoom2.gif") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box h6 {
	color: #333333;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 1px;
	border-bottom: #669999 solid 1px;
	padding: 5px 0px 5px 0px;
	margin: 15px 20px 15px 15px;
}

div#contents div.box h6 a {
	text-decoration: none;
}

div#contents div.box p {
	padding: 0px 0px 0px 0px;
	margin: 15px 7px 15px 15px;
}

div#contents div.box p.right {
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 15px 15px 15px 15px;
}

div#contents div.box div.indent {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

div#contents div.box div.cheer {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box div.cheer img {
	padding: 0px 0px 0px 0px;
	margin: 7px 15px 8px 0px;
}

div#contents div.box div.cheer2 {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box div.cheer2 img {
	padding: 0px 0px 0px 0px;
	margin: 7px 15px 8px 0px;
}

div#contents div.box div.syntax {
	overflow-x: auto;
	overflow-y: hidden;
	width: auto;
	background: #EEEEEE;
	padding: 1px 0px 1px 0px;
	margin: 15px 20px 15px 15px;
}

div#contents div.box div.syntax_top {
	height: 6px;
	background: url("../images/img/contents_syntax_top.gif") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 15px;
}

div#contents div.box div.syntax_bottom {
	height: 6px;
	background: url("../images/img/contents_syntax_bottom.gif") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 15px 15px;
}

div#contents div.box div.syntax p {
	padding: 0px 10px 0px 15px;
	margin: 15px 0px 15px 0px;
}

div#contents div.box div.syntax pre {
	padding: 0px 10px 0px 15px;
	margin: 15px 0px 15px 0px;
}

div#contents div.box div.works_data {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box div.works_data table {
	border-collapse: collapse;
}

div#contents div.box div.works_data table th {
	text-align: center;
	background: #EEEEEE;
	border: #666666 solid 1px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box div.works_data table td {
	border: #666666 solid 1px;
	padding: 2px 7px 2px 7px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box div.work_data {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box div.work_data table {
	border-collapse: collapse;
}

div#contents div.box div.work_data table th {
	text-align: center;
	background: #EEEEEE;
	border: #666666 solid 1px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box div.work_data table td {
	border: #666666 solid 1px;
	padding: 2px 7px 2px 7px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box div.work_data2 {
	padding: 0px 0px 0px 0px;
	margin: 15px 15px 15px 15px;
}

div#contents div.box div.work_data2 table {
	border-collapse: collapse;
}

div#contents div.box div.work_data2 table th {
	text-align: center;
	background: #EEEEEE;
	border: #FFFFFF solid 1px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box div.work_data2 table td {
	background: #F9F9F9;
	border: #FFFFFF solid 1px;
	padding: 2px 7px 2px 7px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box ul.barn {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box ul.barn li {
	list-style-type: circle;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box ul.barn li img {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
}

div#contents div.box ul.sns {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box ul.sns li {
	list-style-type: circle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

div#contents div.box div.link_data {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box div.link_data table {
	border-collapse: collapse;
}

div#contents div.box div.link_data table td {
	padding: 2px 7px 2px 7px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box div.link_data table td.sougo {
	background: #F4FFFB;
	padding: 2px 7px 2px 7px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box ul.infolink {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box ul.infolink li {
	list-style-type: circle;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
}

div#contents div.box ul.infolink strong {
	list-style-type: circle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

div#contents div.box div.infolink {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 45px;
}

div#contents div.box div.infolink p {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#contents div.box div.kirikiri100 {
	padding: 0px 0px 0px 0px;
	margin: 15px 15px 15px 15px;
}

div#contents div.box div.kirikiri100 table {
	border-collapse: collapse;
}

div#contents div.box div.kirikiri100 table th {
	background: #EEEEEE;
	border: #666666 solid 1px;
	padding: 2px 2px 2px 7px;
	margin: 0px 0px 0px 0px;
}

div#contents div.box div.kirikiri100 table td {
	border: #666666 solid 1px;
	padding: 2px 7px 2px 7px;
	margin: 0px 0px 0px 0px;
}

/* ----------------------------------------------------------- */
/* フッター                                                    */
/* ----------------------------------------------------------- */

div#footer {
	clear: both;
	width: 750px;
	font-size: 80%;
	text-align: center;
	border-bottom: #669999 solid 5px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

/* ページトップ */
div#footer div#pagetop {
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 20px 15px 0px 0px;
}

div#footer div#pagetop p {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#footer div#pagetop p a {
	text-decoration: none;
	background: url("../images/img/pagetop.gif") no-repeat 0px 0px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

div#footer div#pagetop p a:hover {
	background-position: 0px -13px;
}

div#footer address {
	display: block;
	width: auto;
	color: #333333;
	text-align: center;
	letter-spacing: 1px;
	padding: 5px 0px 5px 0px;
	margin: 0px auto 0px auto;
}

div#footer address a {
	text-decoration: none;
}

div#footer address a:hover {
	text-decoration: underline;
}

/* xyz */
div#footer div#xyz {
	overflow: hidden;
	height: 0;
}