﻿@charset "utf-8";


* {
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
}


/*=============== reset <ここから> ===============*/


body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p,
blockquote,
th, td {
margin: 0;
padding: 0;
}
  
  
html {
overflow-y: scroll;
}

  
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
  
  
ol, ul {
list-style: none;
}

  
fieldset, img {
border: 0;
}


img {
vertical-align: bottom;
}

  
table {
font-size: 100%;
border-collapse: collapse;
border-spacing: 0;
}
  
  
caption, th {
text-align: left;
}

  
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}
  
  
input, textarea, select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}


input,textarea {
}


textarea {
font-size: 100%;
}


/*=============== reset <ここまで> ===============*/


/*=============== base <ここから> ===============*/


/* ---------------------------------------------------------------------------------------- 


	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|


---------------------------------------------------------------------------------------- */


body {
text-align: center;
font-size: 13px; /* モダンブラウザ向け */
*font-size: small; /* IE 7向け */
*font: x-small; /* IE 6以下 */
color: #333333;
background: url(../images/head_bg_line.gif) repeat-x left top;
}
  
  
/* Firefox 3用 */


body,x:-moz-broken {
margin-left:-1px;
}
  
  
.wrapper {
text-align: left;
width:950px;
margin: 0 auto;
}


a {
color: #000;
text-decoration: none;
}


a:hover {
color: #6699ac;
text-decoration:
underline;
}


/* head
---------------------------------------------------------------------------------------- */


#head{
margin-bottom:10px;
}


#logo{
}


#head_Logo{
float:left;
}


#headerContact {
float:right;
}


#headerContact {
margin:20px 0 0 0;
}


#headerContact div {
font-size:189%;
font-weight:bold;
color:#3a7fc3;
}


#headerContact div span {
font-size:12px;
font-weight:bold;
color:#000;
vertical-align: middle;
}


#headerContact p {
font-size:10px;
color:#666;
}


/* #globalNavi
----------------------------------------------------- */


#globalNavi {
overflow: hidden;
height: 52px;
padding:0;
background: url(../images/global_navi_bg.gif) repeat-x left top;
}


#globalNavi ul {
padding-top: 0;
}


#globalNavi ul li {
display: inline;
font-size:100%;
font-weight:bold;
float: left;
width: 160px;
margin: 0;
}


#globalNavi ul li p{
font-size:77%;
color:#c1c1c1;
}


#globalNavi ul li a {
display: block;
text-align: center;
text-decoration: none;
color: #000;
height: 52px !important;
height /**/: 52px;
padding: 12px 0 0;
border-bottom: none;
background: url(../images/global_navi.gif) no-repeat left top;
}


#globalNavi ul li a:hover {
text-decoration: none;
color:#ffb0ff;
background:url(../images/global_navi_over.gif) no-repeat left top;
}


#globalNavi ul li.last {
display: inline;
font-size:100%;
font-weight:bold;
float: left;
width: 146px;
margin: 0;
}


#globalNavi ul li.last a {
display: block;
text-align: center;
text-decoration: none;
color: #000;
height: 44px !important;
height /**/: 52px;
padding: 12px 0 0;
border-bottom: none;
background: url(../images/global_navi_last.gif) no-repeat left top;
}


#globalNavi ul li.last a:hover {
color:#ffb0ff;
text-decoration: none;
background:url(../images/global_navi_last_over.gif) no-repeat left top;
}


/* float
----------------------------------------------------- */


.left {
float: left;
}


.right {
float: right;
}


/* #container
---------------------------------------------------------------------------------------- */


#container{
width:950px;
background:url(../images/himg_bottom.gif) no-repeat left 0;
}


/* #contents
---------------------------------------------------------------------------------------- */


#contents{
width:717px;
}


#top_contents{
width:950px;
}


/* TOPPAGE
----------------------------------------------------- */


.newsDl dt,
.newsDl dd {
line-height: 1.5;
}


.newsDl dt{
font-weight:bold;
color:#000;
padding:5px 10px 0 15px;
background: url(../images/news_icon.gif) no-repeat 5px 13px;
}


.newsDl dd {
margin: -1.7em 0 8px 0;
padding: 2px 0 3px 8em;
}


.newsDl dd span {
display: block;
padding: 0 0 0 20px;
}


.newsDl dd span a {
text-decoration: none;
}


/* #right
----------------------------------------------------- */


#right {
float: right;
width: 223;
}


.subBox {
margin-bottom: 15px;
}


.subContactBox {
height: 100%;
margin-bottom: 15px;
background: url(../images/sub_menu_middle.gif) repeat-y 0 0;
}


.subContactBox ul {
margin-bottom: 0;
}


.subContactBox ul li {
margin-bottom:3px;
padding:10px 0px 0px 2.0em;
background: url(../images/sub_menu_icon.gif) no-repeat 12px 12px;
}


.subContactBox ul li a {
color:#000;
text-decoration:none;
}


.subContactBox ul li a:hover {
color:#699aec;
text-decoration:none;
}


.subNavi ul li {
margin-bottom: 7px;
}


/* headimg
----------------------------------------------------- */


.hImg{
background-color:#eaeaea;
}


.imgBorder{
border:3px solid #d6d6d6;
}


/* h[x]
----------------------------------------------------- */


h1{
font-size:77%;
padding-top:15px;
}


h2{
font-size:100%;
font-weight:bold;
color:#000;
margin-bottom:2px;
padding:7px 5px 10px 20px; 
background:url(../images/h2_bg.gif) repeat-x left top;
}


h3{
font-size:100%;
font-weight:bold;
color:#000;
margin-bottom:5px;
padding:7px 5px 13px 10px;
background: url(../images/h3_bg.gif) repeat-x left top;
}


h3.information{
font-size:100%;
font-weight:bold;
color:#000;
padding:7px 5px 13px 10px;
background: url(../images/h3_informaiton_bg.gif) repeat-x left top;
}


h4{
font-size:100%;
font-weight:bold;
color:#3a7fc3;
margin-bottom:5px;
padding:7px 5px 13px 10px; 
background: url(../images/h4_bg.gif) no-repeat left top;
}


h5{
font-size:100%;
font-weight:bold;
color:#000;
margin-bottom:5px;
padding:7px 5px 13px 10px; 
background: url(../images/h5_bg.gif) no-repeat left 10px;
}


h6{
font-size:77%;
font-weight:bold;
color:#000;
margin-bottom:5px;
}


/* table
----------------------------------------------------- */


.table01 {
width: 100%;
margin-bottom:15px;
}


.table01 th, .table01 td {
vertical-align: top;
line-height: 1.5;
padding: 10px 9px;
border-bottom: 1px dotted #000;
}


.table01 th {
font-weight: bold;
width: 100px;
background:url(http://www.ai-planning.org/cmt-ts-chk/images/black_icon.gif) no-repeat 0 15px;
}


#container #contents .padT15.section.clearfix .box #padL20 #tb table tr td table tr td {
}


/* box
----------------------------------------------------- */


.box {
margin: 0 0 10px;
}


.box105{
width:105px;
}


.box110{
width:110px;
}


.box215{
width:215px;
padding:5px;
}


.box230Border{
width:230px;
height:150px;
border:1px solid #dcdcdc;
margin-bottom:5px;
}


.boxBg00{
background:url(../images/top-h2-00.jpg) ;
}


.boxBg01{
background:url(../images/top-h2-01.jpg) ;
}


.boxBg02{
background:url(../images/top-h2-02.jpg) ;
}


.boxBg03{
background:url(../images/top-h2-03.jpg) ;
}


.box240{
width:240px;
}


.box270{
width:270px;
}


.box281{
width:281px;
}


.box425{
width:425px;
}


.box440{
width:440px;
}


.box600{
width:680px;
}


.box680{
width:680px;
}


.box700{
width:700px;
}


#box715 {
width: 715px;
}


#box715_border {
width: 715px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #a7a7a7;
}


.box717{
width:717px;
}


#aisatsu{
line-height: 2.0em;
width:555px;
margin-top:20px;
margin-left:20px;
}


#aisatsu_right{
float: right;
line-height: 2.0em;
margin-top:8px;
margin-right:30px;
margin-bottom:30px;
}


#bottom_line{
margin-bottom:30px;
border-bottom: 1px dotted #000;
}


#thumbnail_box {
text-align: left;
float: left;
width: 240px;
margin: 0 0 0 0;
padding: 0 0 20px 40px;
}


/* section
----------------------------------------------------- */


.section {
margin: 0 0 10px;
}


/* title
----------------------------------------------------- */


#title_box640_col005_padL5 {
font-size: 16px;
font-weight: bold;
color: #FFF;
width: 640px;
padding-left: 5px;
background-color: #005a9e;
}


#title_box670_col005_padL5 {
font-size: 16px;
font-weight: bold;
color: #FFF;
width: 670px;
padding-left: 5px;
background-color: #005a9e;
}


/* margin
-------------------------------------------- */


.marB5 {
margin-bottom: 5px;
}


.marB15 {
margin-bottom: 15px;
}


.marR5 {
margin-right: 5px;
}


.marR7 {
margin-right: 7px;
}


.marR10 {
margin-right: 10px;
}


.marL5 {
margin-left: 5px;
}


.marL7 {
margin-left: 7px;
}


.marL10 {
margin-left: 10px;
}


.marL20 {
margin-left: 20px;
}


.marL30 {
margin-left: 30px;
}


/* padding
-------------------------------------------- */


.padT10 {
padding-top:10px;
}


.padT15 {
padding-top:15px;
}


.padL3 {
padding-left: 3px;
}


.padL5 {
padding-left: 5px;
}


.padL10 {
padding-left: 10px;
}


#padL10 {
padding-left: 10px;
}


#padL13 {
padding-left: 13px;
}


#padL15_borderA_f00 {
padding-left: 15px;
border: 5px double #F00;
}


.padL15 {
padding-left: 15px;
}


#padL15_borderA_ff6 {
padding-left: 15px;
border: 5px double #ff6666;
}


#padL20 {
padding-left: 20px;
}


.padL20 {
padding-left: 20px;
}


#padL25 {
padding-left: 25px;
}


.padL25 {
padding-left: 25px;
}


.padL30 {
padding-left: 30px;
}


.padL35 {
padding-left: 35px;
}


#padL35 {
padding-left: 35px;
}


.padL35 {
padding-left: 35px;
}


.padL40 {
padding-left: 40px;
}


#padL40 {
padding-left: 40px;
}


.padL45 {
padding-left:45px;
}


.padL50 {
padding-left:50px;
}


.padL55 {
padding-left:55px;
}


.padL60 {
padding-left:60px;
}


.padL65 {
padding-left:65px;
}


#padL80 {
padding-left: 80px;
}


.padA10 {
padding:10px;
}


.padA20 {
padding:20px;
}


/* font 
----------------------------------------------------- */


.textR{
text-align:right;
}


.textC{
text-align:center;
}


.fontS{
font-size:77%;
}


p{
line-height:1.5;
}


#fontB {
font-weight: bold;
padding: 5px 0px 5px 0px;	
}


#font12B_padL10 {
font-size: 12px;
font-weight: bold;
padding-left: 10px;
}


#font12B_padTB5 {
font-size: 12px;
font-weight: bold;
padding: 5px 0px 5px 0px;
}


#font14B {
font-size: 14px;
font-weight: bold;
}


#font14B_padTB5 {
font-size: 14px;
font-weight: bold;
padding: 5px 0px 5px 0px;	
}


#font18B {
font-size: 18px;
font-weight: bold;
}


#font22B {
font-size: 22px;
font-weight: bold;
}


#font26B {
font-size: 26px;
font-weight: bold;
}


/* .color
---------------------------------------------------------------------------------------- */


.color_c85 {
color: #c85bc6;
}


.color_003 {
color: #003300;
}


.color_47c {
color: #47cf40;
}


.color_970 {
color: #970067;
}


.color_00b {
color: #00b95e;
}


.color_fd9 {
color: #fd962d;
}


.color_ff6 {
color: #ff6609;
}


.color_5b2 {
color: #5b2c8a;
}


.color_b7b7 {
color: #00b7b7;
}


.color_fd0 {
color: #fd0061;
}


.color_85d {
color: #85dc02;
}


.color_f00 {
color: #F00
}


.color_00f {
color: #00F;
}


.color_a59 {
color: #a59815;
}


.color_f80 {
color: #f8080b;
}


/* .a
---------------------------------------------------------------------------------------- */


#container #top_contents .clearfix .box600.left div .newsDl dd span a {
color: #00F;
text-decoration: underline;
}


#container #contents .padT15.section.clearfix .box .box562 .table01 tr td a {
color: #00F;
}


/* .img
---------------------------------------------------------------------------------------- */


##container #contents .padT15.section.clearfix .box .box717.section.clearfix div p img {
width: 715px;
padding-left: 20px;
}


/* border
----------------------------------------------------- */


#container #contents .padT15.section.clearfix .box .box717.section.clearfix div #rexemainbody .border_ddd {
border: medium solid #dddddd;
}


/* left
----------------------------------------------------- */


.L_85_h35_marL200_padT13L35 {
float: left;
width: 85px;
height: 35px;
margin-left: 200px;
padding-top: 13px;
padding-left: 35px;
}


#L_120_marT5padT5L30 {
float: left;
width: 120px;
margin-top: 5px;
padding-top: 5px;
padding-left: 30px;
}


#L_150 {
float: left;
width: 150px;
}


.L_150_marL400 {
float: left;
width: 150px;
margin-left: 400px;
}


#L_200 {
float: left;
width: 200px;
}


.L_230 {
float: left;
width: 230px;
vertical-align: top;
}


.L_230_h20 {
float: left;
width: 230px;
height: 20px;
}


.L_230_h25 {
float: left;
width: 230px;
height: 25px;
}


.L_230_h25_padT5 {
float: left;
width: 230px;
height: 25px;
font-size: 18px;
font-weight: bold;
color: #F00;
}


.L_250 {
float: left;
width: 250px;
}


#L_260 {
float: left;
width: 260px;
}


#L_340 {
float: left;
width: 340px;
}


.L_350_marL100 {
float: left;
width: 350px;
margin-left: 100px;
}


#L_370_padL20 {
float: left;
width: 370px;
padding-left: 20px;
}


#L_410 {
float: left;
width: 410px;
}


.L_435_h35_padT5 {
float: left;
width: 435px;
height: 35px;
padding-top: 5px;
}


#L_450 {
float: left;
width: 450px;
}


#L_500 {
float: left;
width: 500px;
}


.L_535_h75_padT30L265_bg {
float: left;
width: 535px;
height: 75px;
padding: 30px 0px 0px 265px;
background-image: url(../images/bt_point.gif);
background-repeat: no-repeat;
background-position: 60px;
}


#L_650 {
float: left;
width: 650px;
}


#L_650_padL20 {
float: left;
width: 650px;
padding-left: 20px;
}


/* right
----------------------------------------------------- */


#R_260_marR75 {
float: right;
width: 340px;
margin-right: 75px;
}


#R_260_marR95 {
float: right;
width: 340px;
margin-right: 95px;
}


#R_325 {
float: right;
width: 325px;
}


#R_340 {
float: right;
width: 340px;
}


#R_480 {
float: left;
width: 480px;
}


#R_500_marT5padT5 {
float: right;
width: 500px;
margin-top: 5px;
padding-top: 5px;
}


#R_530_marT10padT5 {
float: right;
width: 530px;
margin-top: 10px;
padding-top: 5px;
}


/* #footer
---------------------------------------------------------------------------------------- */


#footer {
margin-top:15px;
padding: 20px 0 20px;
background-color:#f1f1f1;
border-top: 1px solid #e0e0e0;
}


#footerbox{
width:950px;
margin: 0 auto;
}


#footerLogo{
float: right;
width:178px;
}


#footerNavi {
float:left;
font-size:77%;
width:700px;
padding: 2px 0 0 0;
}


#footerNavi p {
text-align:left;
margin-bottom: 0;
}


#footerNavi a {
text-decoration:none;
}


address{
text-align:left;
}


address a {
color:#666666;
text-decoration:none;
}


address a:hover {
color:#666666;
text-decoration:none;
}


/* .clearfix
---------------------------------------------------------------------------------------- */


.clearfix:after {
content: "."; 
display: block; 
clear: both; 
visibility: hidden;
font-size: 0.1em;
height: 0; 
}


.clearfix {
display: inline-block;
}


/*
---------------------------------------------------------------------------------------- */


* html .clearfix {
height: 1%;
}


.clearfix {
display: block;
}


/*
---------------------------------------------------------------------------------------- */


#arrow{
margin-bottom: 12px;
padding-left:262px;
}


#table {
font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
size: 14px;
}
