@charset "utf-8";

/* 
=============================================
■ 基本設定　基本レイアウトデザイン設定
■ main内要素の設定　見出しやコーナータイトルのデザイン設定
■ グローバルメニュー　ナビゲーション設定
■ color/見出しの設定
■ リストの修飾
■ 表組みの修飾
■ その他属性設定
=============================================
 */


body {
  margin: 0 0 0 0;
  padding: 0;
/* font-size: x-small; */
  color: #000000;
  background: #000000;
	text-align:center;
}

a:link{ color:#993366; text-decoration:none;}
a:hover, a:active { color:#CC6699;}
a:visited{ color:#993366; text-decoration:none;}


/* 基本設定 */

#container{
width:760px;
margin:0px auto;
padding:0px;
background-color:#FFFFFF;
text-align:left;
}

#header{
padding:0px;
margin:0px;
}

#content{
width:760px;
margin:0px;
padding:0px;
position:relative;
background-image:url(img/bk_contents.gif);
background-repeat:repeat-y;
}

#navmenu{
width:170px;
position:absolute;
top:0;
left:0;
margin:0px;
padding:0px;
}

#main{
padding:0px 0px 0px 170px;
margin:0px;
width:590px;
border-left:1px solid #dddddd;
}


/* Win IE 用 */
* html　#main{
width:589px;
}

#maincol{
padding:10px 0px 10px 10px;
margin:0px;
}

#maincol p{
padding:0px 10px 15px 30px;
margin:0px;
}

#maincol .bd{
padding:0px 10px 15px 30px;
margin:0px;
}


#maincol img{
padding:0px;
margin:0px 7px 0px 0px;
}

#maincol .left img{
padding:0px;
margin:0px 7px 0px 0px;
}

#flash h1{
margin:0;
padding:0;
display:none;
}

#footer{
padding:10px;
text-align:left;
border-top:1px solid #dddddd;
}

#cr{
margin:10px 0px 0px 0px;
padding:10px;
color:#999999;
font-family:verdana,arial;
border-top:1px solid #dddddd;
}

#footer .en{
 margin:10px 0px 0px 0px;
 padding: 2px;
 width:70px;
 border:1px dotted #cc66cc;
 background-color:#FFF1FA;
 font-size:12px;
 text-align:center;
}

/* main内要素の設定*/

.CNRttl{
margin:0px;
padding:0px;
height:200px;
width:589px;
border-bottom:1px solid #cccccc;
background-repeat:no-repeat;
background-position:top left;
font-weight:bold;
}

#plink{
margin:0px;
padding:5px;
background-color:#eeeeee;
border-bottom:1px solid #cccccc;
}

.tarea{
padding:0px 0px 0px 20px;
}

h3{
padding:15px 0px 0px 70px;
margin:0px;
font-size:13px;
font-weight:bold;
background-image:url(../img/m_bk.jpg);
background-repeat:no-repeat;
height:50px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}


#rm h3{
padding:12px 0px 0px 70px;
margin:0px;
font-size:12px;
font-weight:bold;
color:#3366CC;
background-image:url(../img/m_bk_rm.jpg);
background-repeat:no-repeat;
height:45px;
}

#plan h3{
margin:0px 0px 5px 30px;
padding:3px 3px 3px 10px;
font-size:10px;
font-weight:bold;
color:#000000;
border-left:2px solid #ff3300;
background-image:none;
background-color:#eeeeee;
height:auto;
}

#plan_ph h3{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 5px;
font-size:12px;
font-weight:bold;
color:#FF6600;
border-left:2px solid #ff3300;
background-image:none;
height:auto;
}

#plan_ph p{
margin:0px;
padding:10px 0px;
}

#plan_ph img{
margin:10px;
padding:0px;
}


h4{
padding:0px 0px 0px 5px;
margin:0px 0px 5px 0px;
font-weight:bold;
border-left:5px solid #cccccc;
color:#666666;
font-size:100%;
}

#column{
border:1px dotted #dddddd;
padding:10px;
margin:10px 0px 0px 30px;
width:510px;
}

#column p{
padding:7px 0px 15px 0px;
margin:0px;
}


/*個別設定*/
#tec p{
padding:15px 175px 15px 30px;
margin:0px;
background-repeat:no-repeat;
background-position:right top;
}

#link_rls{
border:1px solid #666666; 
border-left:5px solid #666666; 
margin:10px 0px; 
padding:5px; 
background-color:#999999; 
color:#FFFFFF;
}


/* グローバルナビゲーション
---------------------------------------------------- */

#navmenu ul{
margin:0px;
padding:0px;
list-style:none;
}

#navmenu li {
  margin: 0px;
  padding: 0px;
 width: 170px;
  height: 50px;
  text-indent: -9999px;
}
#navmenu li a {
  text-decoration: none;
  display: block;
	width:170px;
	height:50px;
}
			
#navmenu li#home      {  background: url(img/navmenu.jpg) no-repeat 0px 0px;}
#navmenu li#home a:hover    {background: url(img/navmenu.jpg) no-repeat -170px 0px;}

#navmenu li#welcome      {  background: url(img/navmenu.jpg) no-repeat 0px -50px;}
#navmenu li#welcome a:hover    {background: url(img/navmenu.jpg) no-repeat -170px -50px;}

#navmenu li#wa      {  background: url(img/navmenu.jpg) no-repeat 0px -100px;}
#navmenu li#wa a:hover    {background: url(img/navmenu.jpg) no-repeat -170px -100px;}

#navmenu li#rm      {  background: url(img/navmenu.jpg) no-repeat 0px -150px;}
#navmenu li#rm a:hover    {background: url(img/navmenu.jpg) no-repeat -170px -150px;}

#navmenu li#plan      {  background: url(img/navmenu.jpg) no-repeat 0px -200px;}
#navmenu li#plan a:hover    {background: url(img/navmenu.jpg) no-repeat -170px -200px;}

#navmenu li#qa    {  background: url(img/navmenu.jpg) no-repeat 0px -250px;}
#navmenu li#qa a:hover   {background: url(img/navmenu.jpg) no-repeat -170px -250px;}

#navmenu li#aboutus     {  background: url(img/navmenu.jpg) no-repeat 0px -300px;}
#navmenu li#aboutus a:hover   {background: url(img/navmenu.jpg) no-repeat -170px -300px;}

#navmenu li#ask     {  background: url(img/navmenu.jpg) no-repeat 0px -350px;}
#navmenu li#ask a:hover   {background: url(img/navmenu.jpg) no-repeat -170px -350px;}



/* plan flw
---------------------------------------------------- */

#flw_flm{
margin:5px 0px 0px 30px;
padding:10px 0px;
border-top:1px solid #eeeeee;
}


/* plan ph
---------------------------------------------------- */

#picup {
margin:0px;
padding:85px 10px 0px 15px;
border-right:1px solid #cccccc;
}

#picup img{
margin:10px 0px 3px 0px;
}

#container_ph{
width:650px;
margin:0px auto;
padding:0px;
background-color:#FFFFFF;
text-align:left;
}

#container_ph .ph_flm{
margin:0px;
padding:10px;
background-color:#FFF3F3;
}

#container_ph .ph_main{
margin:0px;
padding:10px;
background-color:#FFFFFF;
}

#container_ph h3{
margin:15px 0px 0px 0px;
padding:0px 0px 0px 5px;
font-size:12px;
font-weight:bold;
color:#FF6600;
border-left:2px solid #ff3300;
background-image:none;
height:auto;
}

#container_ph img{
margin:10px 10px 10px 0px;
padding:0px 0px 0px 0px;
}

/* news
---------------------------------------------------- */
.txt_t{
padding:10px 0px 0px 0px;
margin:10px 0px;
font-weight:bold;
border-top:2px solid #666666;
}

.info_img{
padding:0px;
margin:0px 7px 0px 20px;
}

#news .date{
margin:10px 0px;
padding:10px 0px 0px 0px;
float:left;
width:90px;
color:#666666;
font-family:verdana, arial;
border-top:2px solid #ff3300;
}

#news .txt{
margin-left:90px;
padding:0px;
}

#news p{
padding:5px 0px 5px 20px;
margin:0px;
}

#top .txt{
background-image:url(../img/m_bk.jpg);
background-repeat:no-repeat;
margin:15px 0px 0px 10px;
padding:0px;
}

#top .txt_t{
padding:15px 0px 5px 70px;
margin:0px;
font-size:12px;
font-weight:bold;
border-top:none;
}

#top .date{
margin:0px 0px 0px 70px;
padding:0px;
color:#666666;
font-family:verdana, arial;
}

#top p{
padding:5px 0px 5px 70px;
margin:0px;
}

#top .info_img{
padding:0px;
margin:0px 7px 0px 70px;
}


/* qa */

#list_q .index_l{
border-top:1px dotted #ff6600;
padding:10px 0px 0px 0px;
margin:10px 0px 0px 0px;
}

#list_q .m{
float:left;
width:175px;
padding:0px;
margin:0px;
}

#list_q .bd{
float:left;
width:345px;
padding:0px;
margin:0px;
}

#list_q{ line-height:120%; margin:0px 0px 15px 20px; padding:0px;}
#list_q ul{ margin:0px 0px 0px 10px;padding:0px;list-style:none;}
#list_q li{ padding:3px 3px 3px 20px; background:url(img/ico_q.gif) no-repeat 0px 50%; background-position:top left; margin:3px 0px; font-weight:bold; color:#FF6600; }
#list_q li a{ font-weight:normal; }

#list_q p{
padding:5px 10px 15px 30px;
margin:0px;
color:#4A67A5;
}


/* アクセスマップ */
/*---------------------------------------------------- */

#map{
border-top:1px dotted #cccccc;
padding:10px 0px;
margin-left:20px;
}

.t_left{
float:left; width:80px;
color:#666666; 
}

 .t_right{
float:left;
width:450px;
}


#aboutus{
padding:0px 10px 10px 10px ;
text-align:left;
}

#aboutus .t_left{
float:left; width:110px;
color:#666666; 
}

#aboutus .t_right{
float:left;
width:620px;
}

/*other */
/*---------------------------------------------------- */

#other .mm{
margin:0px;
padding:10px 0px 0px 0px;
}

#other ul{
margin:5px 0px 15px 0px;
padding:0px;
list-style:none;
}

#other li{
float:left;
margin:0px;
padding:0px;
width:250px;
}

#other li strong{
padding:5px 5px 0px 0px;
margin:0px;
}

#other li div{
padding:5px 10px 0px 0px;
margin:0px;
}

/* リストの修飾
---------------------------------------------------- */
#list_bs{ line-height:120%; margin:0px 0px 15px 30px; padding:0px;}
#list_bs ul{ margin:0px;padding:0px;list-style:none;}
#list_bs li{ padding:0px 0px 0px 17px; background:url(img/arw_bs.gif) no-repeat 0px 50%; margin:3px 0px; font-weight:bold; }
#list_bs li a{ font-weight:normal; }

#list_ct{line-height:100%; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px;border-top:1px dotted #dddddd;}
#list_ct ul{ margin-left:0px; padding-left:0px; margin-top:10px; list-style:none;}
#list_ct li a{ padding-left:17px; background:url(img/arw_bs.gif) no-repeat 0px 50%; margin:3px 0px;}

/* 表組の修飾
---------------------------------------------------- */
.tbl_bs{ background-color:#CCCCCC; border:1px solid #cccccc;}
.tbl_bs td { background-color:#FFFFFF; padding:5px;}
.tbl td.m{ 	font-weight:bold; background:#eeeeee;}
.tbl_bs td.cam_m{ background:#999999; color:#FFFFFF;}
.tbl_bs td.cam_t{ font-weight:bold;}

/* その他
---------------------------------------------------- */

.sitemap_line{
border-top:2px solid #cccccc;
}

.t_atn{
color:#CC0000;
}

#pgtp{
margin:10px 0px 0px 0px;
text-align:right;
}

.clr{
clear:both;
}


.mrg_t5{ margin-top:5px;}
.mrg_t10{ margin-top:10px;}
.mrg_t15{ margin-top:15px;}

.mrg_b5{ margin-bottom:5px;}
.mrg_b10{ margin-bottom:10px;}

.pd_2{ padding:2px;}
.pd_5{ padding:5px;}
.pd_10{ padding:10px;}

.pd_t5{ padding-top:5px;}
.pd_t10{ padding-top:10px;}

.pd_l5{ padding-left:5px;}
.pd_l10{ padding-left:10px;}

.bd_bs1{ border:1px solid #cccccc;}
.bd_bs2{ border:2px solid #cccccc;}


/* form
---------------------------------------------------- */

form {
  margin: 0;
}

#form #conf .itmNm{
color:#666666;
}

#form .itmVl{
color:#000000;
}

#conf .itmVl{
color:#3333CC;
font:bold;
}


/*  border-style: solid;
  border-width: 1px;
  border-color: #333333 #dfdfd6 #dfdfd6 #333333;
  vertical-align: middle;
  color: #000000;
  background: #ffffff;
}*/

#form input.radio {
  border-style: none;
  color: #000000;
  background: transparent;
}

#form_flm{
padding:10px;
margin-top:10px;
border:1px solid #999999;
background-color:#eeeeee;
}

#form_l{
width:120px;
float:left;
padding:5px;
padding-left:0px;
border-top:1px dotted #999999;
margin-top:5px;
}

#form_r{
width:370px;
float:left;
padding:5px;
border-top:1px dotted #999999;
margin-top:5px;
}

#form_r p{
margin-top:2px;
padding-top:2px;
color:#333333;
}

#form_sub01{
padding:10px; 
border:1px solid #cccccc; 
background-color:#F7F7F7;
}

.form_conf{
color:#663366;
font-weight:bold;
}

.regbtm{
 padding:5px;background-color:#dddddd; text-align:right;
 }
 
.regbtm input {
width:190px;
}

 .cap{
 color:#666666;
}