@charset "utf-8";
#container01 {
	width: 950px;
	height: 80px;
	background-image: url(../image/top_bg01.jpg);
	background-repeat: no-repeat;
}
body {
	padding-top: 0px;
	margin-top: 0px;
}
#container_home {
	background-color: #017EEC;
	float: right;
	height: 30px;
	width: 275px;
}
#container01 #logo {
	float: left;
	margin-top: 15px;
}
h1,h2,h3 {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#searchbox {
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.input01 {
	font-size: 10px;
	background-color: #EBEBEB;
	height: 10px;
	width: 82px;
}
.input_submit {
	height: 20px;
	width: 50px;
	font-size: 11px;
}
#container_home_letter {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;
	width: 95px;
	float: left;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#wrap01 #container01 #container_home #container_home_letter a {
	color: #FFFFFF;
	text-decoration: none;
}
#wrap01 #container01 #container_home #container_home_letter a:hover {
	color: #FF6600;
}

#container02 {
	width: 950px;
}
#container03 {
	width: 950px;
}

#wrap01 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999999;
}
.menu_title01 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	margin-left: 15px;
	margin-top: 2px;
}
h2,h3 {
	font-size: 12px;
}



#container03 a:hover img{
	visibility: hidden;
}

.center {
	margin-right: auto;
	margin-left: auto;
}
.txt_red {
	font-weight: bold;
	color: #FF0000;
}
#content_index {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.center_txt {
	text-align: center;
}

/*トップメニューの設定*/
#menu01 {
	background-image:url(../image/over01.gif);
	background-repeat: no-repeat;
}
#menu02 {
	background-image:url(../image/over02.gif);
	background-repeat: no-repeat;
}
#menu03 {
	background-image:url(../image/over03.gif);
	background-repeat: no-repeat;
}
#menu04 {
	background-image:url(../image/over04.gif);
	background-repeat: no-repeat;
}
#menu05 {
	background-image:url(../image/over05.gif);
	background-repeat: no-repeat;
}
#menu06 {
	background-image:url(../image/over06.gif);
	background-repeat: no-repeat;
}
#menu07 {
	background-image:url(../image/over07.gif);
	background-repeat: no-repeat;
}
#menu01 a {
	display: block;
}
#menu02 a {
	display: block;
}
#menu03 a {
	display: block;
}
#menu04 a {
	display: block;
}
#menu05 a {
	display: block;
}
#menu06 a {
	display: block;
}
#menu07 a {
	display: block;
}
#container04 {
	width: 950px;
	background-image: url(../image/bg02.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 18px;
}
#container_left {
	float: left;
	width: 210px;
	padding: 5px;
}
#container_center {
	padding: 5px;
	width: 470px;
	float: left;
}
#container_right {
	padding: 5px;
	width: 240px;
	float: left;
}
.table_right01 {
	float: right;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000CC;
}
a:hover {
	color: #00CCFF;
	text-decoration: underline;
}

#container_main {
	width: 950px;
}
#container_center2 {
	width: 450px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.table_company {
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
}
.right {
	text-align: right;
}



.td_menu01 {
	font-size: 12px;
	padding-left: 5px;
}
p {
	font-size: 12px;
}
#table_center {
	border: 0.75px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/top_banner01.gif);
	background-repeat: no-repeat;
}
.table_center02 {
	margin-right: auto;
	margin-left: auto;
}
.af_banner01 {
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.p_main01 {
	line-height: 1.25em;
	font-size: 11px;
	color: #555555;
}

/*フッターの設定*/
#footer {
	clear: both;
	font-size: 12px;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.credit01 {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 10px;
	float: left;
}
#footer2 {
	padding: 0px;
	background-image: url(../image/footer_bg01.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.brand {
	margin-left: 220px;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	float: left;
	color: #999999;
}
#container_center_wide {
	padding: 5px;
	width: 710px;
	float: left;
}
#container_center_wide2 {
	width: 700px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.float_right {
	float: right;
}
.icon_position {
	vertical-align: middle;
}
#sitemap01 {
	float: left;
	width: 450px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#sitemap_txt {
	padding: 0px;
	font-size: 18px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.video_h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
/* --- ■■　start　■■ --- */
/* --- ボックス2 --- */
div.section_youtube {
width: 223px; /* ボックスの幅 */
padding: 5px 5px 5px 5px; /* ボックスのパディング */
background: #aed5f6 url(../image/box_back_blue3.gif); /* ボックスの背景 */
font-size: 90%; /* ボックスの文字サイズ */
}
div.section_youtube div.inner {
padding: 5px 5px 1px; /* 内部のパディング（上、左右、下） */
background-color: #ffffff; /* 内部の背景色 */
text-align: center;
}

/* --- 見出し --- */
div.section_youtube h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%; /* 見出しの文字サイズ */
text-align: left;
}

/* --- ボックス内の段落 --- */
div.section_youtube p {
margin: 5px 0; /* 段落のマージン（上下、左右） */
text-align: left;
}

/* --- 2番目のメニュー --- */

/* --- ボックス --- */
div.section2 {
width: 468px; /* ボックスの幅 */
margin: 5px 0; /* ボックスのマージン（上下、左右） */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #ffffff solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
}
/* --- メニューエリア --- */
div.section2 ul.menu {
width: 450px; /* メニューの幅 */
margin: 15px auto 10px; /* メニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
}
/* --- メニュー項目 --- */
div.section2 ul.menu li {
width: 33%; /* 項目の幅 */
padding-bottom: 5px; /* 項目の下パディング */
background: url(../image/folder.gif) no-repeat 1px 0; /* 項目の背景 */
float: left;
}
/* --- リンク --- */
div.section2 ul.menu li a {
margin-left: 22px; /* リンクエリアの左マージン */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.section2 ul.menu li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- 見出しエリア --- */
div.heading {
width: 468px; /* 見出しエリアの幅 */
margin-top: 1em;
background: url(../image/heading_back3_left.gif) no-repeat left top; /* 見出しエリアの背景 */
border-bottom: 2px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
div.heading h3 {
margin: 0;
padding: 10px 10px 5px; /* 見出しのパディング（上、左右、下） */
background: url(../image/heading_back3_right.gif) no-repeat right top; /* 見出しの背景 */
border-bottom: 2px #9acd32 solid; /* 見出しの下境界線 */
font-size: 80%; /* 見出しの文字サイズ */
line-height: 100%;
}
/* --- ボックス --- */
div.section_top {
width: 468px; /* ボックスの幅 */
height: 99px;
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(../image/maru1_468_bottom.gif) no-repeat bottom;
font-size: 100%;
text-align: left;
color: #000000;
}

/* --- 見出し --- */
div.section_top h2 {
margin: 0; /* 見出しのマージン */
padding: 1.2em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #ffffff url(../image/maru1_468_top.gif) no-repeat top;
font-size: 120%; /* 見出しの文字サイズ */
color:#ff6633;
text-align: left;
}

/* --- ボックス内の段落 --- */
div.section_top p {
margin: 0.2em 10px; /* 段落のマージン（上下、左右） */
font-size: 90%; /* 見出しの文字サイズ */
color:#333333;
text-align: left;
}

/* --- リストエリア --- */
ul.thumbnail {
width: 468px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
padding: 20px 5px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 80%;
}

/* --- キャプションエリア --- */
ul.thumbnail dt.title,
ul.thumbnail dd {
margin: 0 0 0 0; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail dt.title {
margin-bottom: 5px; /* タイトルエリアの下マージン */
line-height: 120%;
text-align: left;
}

/* --- コメントエリア --- */
ul.thumbnail dd {
line-height: 150%;
text-align: left;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}