@charset "UTF-8";
/*
共通スタイルシート
　※ ページ専用のスタイルシートはできる限り分割すること
*/
html {
}

body {
		font-size: 1.0em;
		font-family: 'Hiragino Kaku Gothic Pro','Osaka', arial, sans-serif, MS PGothic;

/*		font-familt: "comic sans ms", berdana, sans-serif; */
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		width: 1050px;
		line-height: 200%;
}

img {
		border-style: none;
}

.left {
		float: left;
}

.right {
		float: right;
}
.center {
		text-align: center;
}

.float_clear {
		clear: both;
}

/* ------------------------------
Link 関連
------------------------------ */
a:link {
		color: #0000ff;
		text-decoration: none;
}

a:visited {
		color: #0000ff;
		text-decoration: none;
}

a:hover {
		color: #0000ff;
		text-decoration: none;
}

a:focus {
		color: #0000ff;
		text-decoration: none;
}

a:active {
		color: #0000ff;
		text-decoration: none;
}

/* ------------------------------
見出し関連
------------------------------ */

#title h1 {
		color: #ffffff;
		padding: 10px;
		letter-spacing: 0.3em;
		font-size: 1.5em;
}

#main_contents h2 {
		clear: both;
/*		background-image: url("img/gray.gif"); */
		background-color: #000000;
		background-repeat: repeat;
		color: #ffff66;
		padding-left: 10px;
		padding-top: 5px;
		letter-spacing: 0.1em; 
 		width: 99%;
}

#main_contents h3 {
		clear: both;
		font-weight: bold;
		padding: 10px;
		border-style: solid;
		border-color: #0033cc;
		border-width: 0px 0px 1px 10px;
		font-size: 1em;
/*		color: #0033cc; */
/*
		background-color: #ffffcc;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		font-size: 120%;
		border-style: solid;
		border-width: 1px;
*/
/*
		background-image: url("img/gray.gif");
		background-repeat: repeat;
		color: #ffffff;
		padding-top: 3px;
*/
}

/* -------------------------------
テーブル関連
------------------------------- */
table {
}

td {
		vertical-align: top;
		margin: 0;
		padding: 0;
		border-style: none;
}

/* -------------------------------
フォントカラー設定
------------------------------- */
.red {
		color: #ff0000;
}

.blue {
		color: #0000ff;

}

/* -------------------------------
共通ヘッダ
------------------------------- */
div#header {
		background-color: #ffffff;
		margin: 0;
		padding: 5px;
}

/* -------------------------------
共通フッター
------------------------------- */
div#footer {
		clear: both;
}

/* -------------------------------
共通メニュー
------------------------------- */
#main_menu {
		background-color: #000000;
		margin-left: 0px;
		width: 100%;
		height: 31px;
		color: #ffffff;
		padding-top: 5px;
}

#sub_menu {
		margin-left: 10px;
		width: 100%;
		padding: 5px;
		font-size: 12px;
		font-weight: bold;
}

/* -------------------------------
本文
------------------------------- */
/* トップページ用 */
#top_contents {
		margin: 10px;
}
#top_contents div#sidemenu {
		padding-right: 10px;
		float: left;
}

#sidemenu p {
		text-align: center;
		paddinng: 0;
}

#contents {

}
table.main_visual {
		border-collapse: collapse;
		border-style: none;
}

#recommend {
		float: left;
		width: 236px;
		margin-right: 5px;
		background-color: #ffccff;
}

#recommend p {
		margin:5px;
}

#topnews {
		float: left;
		width: 300px;
		margin-right: 10px;
}

#topnews td {
		vertical-align: top;
}

#banner {
		float: left;
}

/* 通常ページ用 */
#main_contents {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
}

#main_contents #title {
		background-color: #000000;
		color: #ffffff; 
		font-size: 120%;
		margin-bottom: 10px;
}

#title p {
		margin: 10px; 
		padding: 10px;
}

#title p.visual{
		margin: 10px; 
		padding: 10px;
		float: left;
}

#title p.headline {
		color: #ff0000;
		font-size: 30px;
		font-weight: bold;
}

#main_contents p {
		padding: 5px;
		margin: 20px;
}

#main_contents p.point {
		background-color: #000000;
/*		background-color: #ffffcc; */
		color: #ffffff;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
/*		font-weight: bold; */
		padding: 10px;
		font-size: 100%;
/*
		border-style: solid;
		border-width: 1px;
*/
}

#list {
		float: left;
		border-style: solid;
		border-width: 2px;
		border-color: #ababab;
		width: 244px;
		margin-left: 26px;
		margin-bottom: 10px;
}

#list p {
		padding-left: 10px;
}

#list ul {
		list-style-type: none;
		padding-left: 10px;
		font-size: 90%;
}

#items {
		float: left;
		margin-left: 20px;
		width: 60%;
}
#items .to_top {
		text-align: right;
		font-size: 90%;
		margin-bottom: 10px;
}

.item {
		border-style: solid;
		border-width: 2px;
		border-color: #ababab;
		padding: 10px;
}

.item p.course_name {
		font-weight: bold;
}

.item .course_image {
		float: left;
		margin-top: 0;
}

.item table {
		float: left;
		width: 58%;
		padding-left: 5px;
}

.item th {
		text-align: left;
		vertical-align: top;
		font-weight: normal;
		width: 15%;
}

.item .to_movie {
		clear: both;
}

.compare {
		font-size: 90%;
		text-align: center;
}

.attention {
		font-size: 80%;
}

/* 事例紹介 */
.case_caption {
		float: left;
		width: 35%;
}

.case table {
		border-collapse: collapse;
}

.case td {
		padding: 2px 5px;
		text-align: left;
		vertical-align: top;
		font-weight: normal;
		border-width: 1px 0px 1px 0px;
		border-color: #000000;
		border-style: solid;
}

/* 製品比較 */
table.product {
		border-style:solid;
		border-width: 1px 2px 3px 1px;
		border-color: #000000;
		margin-top: 0.2em;
		margin-bottom: 1em;
		border-collapse: collapse;
		font-size: 100%;
}
.product th{
		border-style:solid;
		border-width: 1px;
		width: 25%;
		text-align:left;
		padding: 10px;
		font-size:12px;
}
.product td{
		border-style:solid;
		border-width: 1px;
		text-align:center;
		vertical-align:middle;
		font-size: 24px;
/*		font-weight: bold; */
}
.product td.ex{
	font-weight: normal;
		text-align:left;
		padding: 10px;
		font-size: 12px;
}

.product td.ex2{
	text-align:center;
	padding: 10px;
	font-size: 12px;
}

/* ニュース一覧 */
#news_list {
		width: 90%;
		text-align: center;
		background-color: #ffffff;
		font-size: 90%;
		margin-left: auto;
		margin-right: auto;
}

#news_list table {
		border-collapse: collapse;
}

#news_list tr {
}

#news_list td {
		padding: 2px 5px;
		text-align: left;
		vertical-align: top;
		font-weight: normal;
		border-style: dotted;
		border-color: #000000;
		border-width: 1px 0px;
}

/* ニュース個別 */

.summary table {
		border-collapse: collapse;
		margin: 5px;
}

.summary tr {
}

.summary td {
		padding: 2px 5px;
		text-align: left;
		vertical-align: top;
		font-weight: normal;
		border-style: dotted;
		border-color: #000000;
		border-width: 1px;
}

/* コラム */
.column {
		width: 90%;
		border-style: solid;
		border-width: 1px;
		border-color: #0033cc;
		margin-left: auto;
		margin-right: auto;
		padding: 5px;
		font-size: 90%;
		margin-bottom: 5px;
}