@charset "shift_jis";
@import url("comm.css");
@import "comm.css";

/* CSS Document */

.mainBox{
	width:768px;
	margin:0 auto;
	background:#000 url(../images/brbg.jpg) right repeat-y;
	background-position:100% 17px;
}

h1{
	font-size:12px;
	text-align:left;
	line-height:130%;
	height:20px;
	background:none;
	color:#000;
	width:768px;
	margin:0 auto;
	padding:0;
}

.bl{
	width:65px;
	float:left;
	background:url(../images/lm.jpg) no-repeat;
	height:690px;
}

.bl a{
	display:block;
	width:60px;
	text-indent:-9999px;
	height:139px;
}



a.a2,
a.a3,
a.a4{
	display:block;
	height:138px;
}

a.a1:hover{
	background:url(../images/a1.jpg) no-repeat;
	background-position:0 1px;
}

a.a2:hover{
	background:url(../images/a2.jpg) no-repeat;
}

a.a3:hover{
	background:url(../images/a3.jpg) no-repeat;
}

a.a4:hover{
	background:url(../images/a4.jpg) no-repeat;
}

a.a5:hover{
	background:url(../images/a5.jpg) no-repeat;
}

.bc{
	width:636px;
	float:left;
	background:url(../images/mbg.jpg) repeat-y;
/*	margin-bottom:18px;*/
	min-height:580px;
}
.br{
	float:right;
	width:60px;
}

/**************************home***********************************/
body#home .header{
	background:url(../images/i_h.jpg) repeat-x;
}

body#home .dataBox{
	background:#fff url(../images/imb.jpg) no-repeat;
	background-position:50% 0;
	padding-top:240px;
	padding-bottom:0;
	position:relative;
	min-height:260px;
}


body#home .dataBox2{
	/*background:#fff url(../images/imb.jpg) no-repeat;
	background-position:50% 0;*/
	background:#fff;
	padding-bottom:0;
	min-height:260px;
	width:516;
	margin-top:10px;
	margin-right:64px;
	margin-left:56px;	
}

.flash{
	text-align:center;
	width:516px;
	clear:both;
}


.free_form_company{
	position:absolute;
	left:26px;
	top:171px;
	color:#fff;
	text-align:left;
	font-size:26px;
	font-family:"Times New Roman", Times, serif;
	width: 491px;
	letter-spacing:0.3em;
}

.ft29{font-size:33px;}

body#home .ztitle{display:none;}
body#home .wtitle{
	border:none;
	margin-top:45px;
	color:#fff;
	font-size:18px;
	letter-spacing:0.4em;
	font-size:bold;
}

.fz20{font-size:23px;}

.newsFrame{
	clear:both;
	width:480px;
	margin:0 auto;
	overflow:visible;
	height:235px;
}

.tempfooter{
	background:url(../images/lf.jpg) no-repeat;
	height:18px;
	margin-top:15px;
}

body#home .topbar a:hover,
body#sm .topbar a:hover{
	color:#6cf;
}

body#news .topbar a:hover{
	color:#B3FFF3;
}


body#infos .topbar a:hover{
	color:#FCA0A3;
}

.inewbox{
	width:480px;
	overflow:visible;/*
	overflow-y:scoll;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:scroll;*/
	height:230px;
}

.inewbox ul{
	margin-bottom:10px;
	clear:both;
}

.inewbox li{
	clear:both;

}

.newsTitle{
	font-size:14px;
	font-weight:bold;
	color:#06f;
	background:url(../images/arrow2.gif) left no-repeat;
	background-position:0 4px;
	text-indent:15px;
	line-height:150%;
}

.newsTitle a{
	color:#06f;
	text-decoration:none;
	font-weight:bold;
}

/*******************************comp******************************/

body#comp .header,
body#prof .header,
body#list .header,
body#gui .header,
body#voice .header{
	background:url(../images/c_h.jpg) repeat-x;
}

body#comp .topbar a:hover,
body#prof .topbar a:hover,
body#list .topbar a:hover,
body#gui .topbar a:hover,
body#voice .topbar a:hover{
	color:#D2FFA6;
}

body#comp .dTitle,
body#gui .dTitle,
body#prof .dTitle,
body#list .dTitle,
body#voice .dTitle{
	background:url(../images/t_bg_l.gif) no-repeat;
	background-position:0 19px;
	text-indent:30px;
}


.da_list{
	width:460px;
	background:url(../images/pt_g.jpg) no-repeat;
	background-position:0 3px;
	clear:both;
	line-height:130%;
	margin-bottom:10px;
	padding-left:15px;
}


/*******************************List******************************/

.list_box{
	clear:both;
	width:450px;
}

.lb_box{
	background:url(../images/lb.jpg) top no-repeat;
	background-position:0px 0px;
	font-size:13px;
	text-indent:3px;
	height:auto;
	margin-bottom:3px;
	width:450px;
}

.l_year{
	float:left;
	font-weight:bold;
}

.l_c{
	float:right;
	width:370px;
	margin-bottom:5px;
}

.l_w{
	background:url(../images/pt.jpg) no-repeat;
	background-position:3px 5px;
	padding-left:15px;
	clear:both;
	width:370px;
	padding-bottom:3px;
	border-bottom:2px solid #e8e8e8;
}

.l_a{
	clear:both;
	background:url(../images/ab.jpg) no-repeat;
	background-position:0 3px;
	padding-left:15px;
	clear:both;
	width:370px;
	color:#f00;
	padding-top:2px;
}


/*******************************prof******************************/


body#prof .dataBox img{
	float:right;
}

body#prof .dataBox p img{
	float:none;
	vertical-align:middle;
}

body#prof h3{
	clear:both;
	font-size:18px;
	margin-top:15px;	
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.s_info{
	width:340px;
	margin-left:10px;
	height:190px;
}

.s_info li{
	border-bottom:1px solid #e6e6e6;
	height:24px;
	line-height:200%;
}

.s_info li.spb{
	border:none;
}

.s_box{
	background:url(../images/bg_b.jpg) no-repeat;
	padding:6px 8px 0 8px;
	width:470px;
	line-height:145%;
	height:91px;
	margin-bottom:10px;
}

.s_t{
	background:url(../images/s_t.jpg) repeat-x;
	width:480px;
	height:25px;
	padding-top:3px;
	text-indent:5px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	clear:both;
}

/*******************************gui******************************/



.gui_map{
	clear:both;
	text-align:center;
	padding-top:20px;
}

.gb_l_p{
	float:left;
	width:480px;
	margin-right:4px;
}

.gb_l_p ul{
	margin:0;
	padding:0;
	width:100%;
	clear:both;
}

.gb_l_p li{
	clear:both;
}

.gbl_a{
	float:left;
	text-align:left;
	background:url(../images/pt_g.jpg) no-repeat;
	background-position:0 4px;
	width:15px;
	height:16px;
}

.gbl_b{
	float:left;
	width:90px;
}

.gbl_c{
	float:right;
	width:370px;
	text-align:left;
}


.voi_b{
	font-size:12px;
}

.gb_l img{
}

.gb_r{
	float:left;
	width:368px;
	line-height:150%;
}

.smail{
	color:#00f;
}

.smail a{
	color:#00f;
	text-decoration:none;
}

.smail a:hover{
	text-decoration:underline;
}

/*******************************voice******************************/

body#voice p strong{
	background:url(../images/pt_g.jpg) no-repeat;
	background-position:0 1px;
	padding-left:15px;
	font-size:14px;
	color:#0a0;
}


.gm{
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	padding:15px 0;
	line-height:1.13em;
	color:#333;
	height:204px;
	line-height:125%;
}

.gm img{
	float:left;
	margin-right:10px;
}

.gm ul{
	float:right;
	width:355px;
	clear:none;
}

.gm li{
	clear:both;
	margin-bottom:1px;
}

.gm li.awards{
	background:url(../images/star.gif) no-repeat;
	background-position:0 1px;
	padding-left:16px;
	font-size:10px;
}


/*******************************works******************************/

body#works p strong{
	background:url(../images/pt_g2.jpg) no-repeat;
	background-position:0 1px;
	padding-left:15px;
	font-size:14px;
	color:#03f;
}

.pt{
	color:#000;
	font-size:15px;
	font-weight:bold;
	padding-left:5px;
	vertical-align:middle;
}

/*******************************program******************************/

body#pro .dataArea{
	min-height:360px;
}

.lb{
	float:left;
	width:49%;
	border:1px solid #ccc;/*
	border-left:1px solid #222;
	border-right:1px solid #222;*/
	margin-bottom:5px;
	clear:left;
	padding-bottom:10px;
}

.rb{
	float:right;
	width:49%;
	border:1px solid #ccc;/*
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-right:1px solid #222;*/
	margin-bottom:17px;
	padding-bottom:10px;
}

.t{
	background:url(../images/t_bg.jpg) repeat-x;
	background-position:0 0px;
	border-bottom:1px solid 0f0;
	color:#fff;
	text-indent:10px;
	line-height:160%;
	font-size:16px;
	font-weight:bold;
	height:29px;
	clear:both;
	margin-bottom:10px;
}

.lb li,
.rb li{
	clear:both;
	/*border-bottom:1px solid #555;*/
	padding-left:10px;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
	background:url(../images/pt2.jpg) no-repeat;
	background-position:0 6px;
	margin-left:10px;
	padding-left:18px;
	margin-bottom:0px;
	line-height:180%;
}

/*******************************dvd******************************/

body#works .header,
body#dvd .header,
body#pro .header{
	background:url(../images/if_h.jpg) repeat-x;
}


body#works .topbar a:hover,
body#dvd .topbar a:hover,
body#pro .topbar a:hover{
	color:#6cf;
}


body#priv .dTitle,
body#sm .dTitle,
body#copys .dTitle,
body#use .dTitle,
body#works .dTitle,
body#dvd .dTitle,
body#pro .dTitle{
	border-bottom:2px solid #03f;
	color:#03f;
	background:url(../images/t_bg2.gif) left no-repeat;
	background-position:0 19px;
	text-indent:30px;
}


body#dvd p strong{
	font-size:14px;
	font-weight:bold;
	background:url(../images/pt_g2.jpg) no-repeat;
	padding-left:15px;
}


p strong a{
	color:#f00;
	text-decoration:none;
}

p strong a:hover{
	text-decoration:underline;
}

body#dvd p,
.tb,
.tb li{
	clear:both;
}

.s,
.s2{
	background:#222;
	width:100px;
	padding:20px;
	margin-top:10px;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	line-height:120%;
	float:left;
	height:80px;
	position:relative;
}

.s2{
	padding-top:30px;
	height:70px;
	left:30px;
}

.arrow{
	background:url(../images/arrow4.jpg) no-repeat;
	position:absolute;
	top:50px;
	left:150px;
	width:12px;
	height:21px;
}

.tb{
	clear:both;
}

.tbl{
	float:left;
	width:49%;
	text-align:left;
}

.tbr{
	float:right;
	width:49%;
	text-align:left;
}

.tb li{
	clear:both;
	border-bottom:1px solid #222;
}


.lineBox{
	background:url(../images/line_bg2.jpg) no-repeat;
	background-position:50% 50%;
	height:30px;
	clear:both;
}

.line_btm{
	border-bottom:1px dashed #7A9BF1;
	padding-bottom:10px;
}


/*******************************rec******************************/

body#edu .header,
body#rec .header,
body#rec2 .header{
	background:url(../images/r_h.jpg) repeat-x;
}

body#edu .topbar a:hover,
body#rec .topbar a:hover,
body#rec2 .topbar a:hover{
	color:#ff0;
}

body#rec .dTitle,
body#rec2 .dTitle,
body#edu .dTitle{
	border-bottom:2px solid #f30;
	color:#f30;
	background:url(../images/t_bg_y.gif) no-repeat;
	background-position:0 19px;
	text-indent:30px;
}


.recb{
	border:1px solid #f30;
	color:#f30;
}

.recb p{
	padding-left:10px;
}

.recbt{
	background:#f30 url(../images/pt_g5.jpg) left no-repeat;
	text-indent:20px;
	background-position:5px 3px;
	color:#fff;
}

body#edu .mainBox,
body#rec .mainBox,
body#rec2 .mainBox{
	background:#000 url(../images/r_rb.jpg) right repeat-y;
	background-position:100% 0;
}

.cred{
	color:#f30;
}

.cred img{
	vertical-align:middle;
}


.cred a{
	color:#f30;
	text-decoration:underline;
}

.cred a:hover{
	color:#f30;
	text-decoration:none;
}



/*******************************edu******************************/

body#edu .dataBox{
	min-height:460px;
}


/*******************************use******************************/

body#use .header{
	background:url(../images/u_h.jpg) repeat-x;
}



body#infos h3 {margin:0; padding:0;color:#f00;font-size:22px;line-height:130%;font-weight:bold;text-align:left;}

body#use h3,
body#copys h3,
body#priv h3 {margin:0; padding:0;color:#03f;font-size:22px;line-height:130%;font-weight:bold;text-align:left;}


body#news h3{margin:0; padding:0;color:#00947e;font-size:22px;line-height:130%;font-weight:bold;text-align:left;}


body#use .dTitle,
body#copys .dTitle,
body#sm .dTitle{
	border-bottom:2px solid #03f;
	color:#03f;
}


body#infos .dTitle{
	border-bottom:2px solid #f00;
	color:#f00;
	background:url(../images/t_bg_r.gif) no-repeat;
	background-position:0 19px;
	text-indent:30px;
}


body#use .dataArea a{
	color:#03f;
	text-decoration:none;
}

body#use .dataArea a:hover{
	background:#03f;
	color:#fff;
}

/*******************************copyright******************************/

body#copys .header{
	background:url(../images/gd_h.jpg) repeat-x;
}

body#copys .dataArea ol,
body#priv .dataArea ol,{
	margin:0px;
	padding:0px;
	clear:both;
	width:470px;
	border:1px solid #f00;
}

body#copys .dataArea li,
body#priv .dataArea li{
	list-style-type:decimal;
	list-style-position:inside;
}

body#copys .dataArea p{
	clear:both;
	margin-bottom:0px;
}

body#copys .dataArea p strong{
	width:300px;
	background:url(../images/pt_g2.jpg) no-repeat;
	background-position:0 0px;
	padding-left:15px;
	font-size:14px;
}

.da_l{
	float:left;
	margin-right:10px;
}

.da_r{
	width:460px;
	text-align:justify;
}

/*******************************privacy******************************/

body#priv .header,
body#sm .header{
	background:url(../images/pr_h.jpg) repeat-x;
}


/*******************************news******************************/

body#news .header{
	background:url(../images/n_h.jpg) repeat-x;
}

.nt,
.nt a{
	color:#03f;
	text-decoration:none;
}
.nt a:hover{
	background:#03f;
	color:#fff;
	text-decoration:none;
}

.et{
	color:#666;
	margin-left:5px;
}

body#news .dTitle{
	border-bottom:2px solid #00947e;
	color:#03f;
	background:url(../images/n_bg_r.gif) left no-repeat;
	background-position:0 19px;
	text-indent:30px;
}

body#news .dataArea li{
	background:url(../images/nl.jpg) no-repeat;
	background-position:0 5px;
	padding-left:15px;
}

body#news .dataArea li a{
	color:#222;
	text-decoration:none;
}

body#news .dataArea li a:hover{
	background:#00947e;
	color:#fff;
	text-decoration:underline;
}


body#news .dataArea{
	min-height:330px;
}


body#news .dataBox{
	padding-bottom:15px;
	min-height:450px;
	margin-bottom:15px;
}

/*******************************info******************************/

body#infos .header{
	background:url(../images/pg_h.jpg) repeat-x;
}

.dataBox{
	min-height:460px;
}


.ifbox{
	margin-top:20px;
}

.ifbox ul{
	border-top:1px solid #fff;
}

.ifbox li{
	clear:both;
	border-bottom:1px solid #fff;
}

.ifbl,
.ifbl2{
	width:27%;
	float:left;
	text-align:left;
	background:#f30;
	border-right:1px solid #fff;
	color:#fff;
	height:30px;
	line-height:200%;
	text-indent:15px;
}

.ifbl2{
	height:98px;
}

.ifbr,
.ifbr2{
	width:72%;
	float:right;
	text-align:left;
	padding:5px 0;
	background:#e6e6e6;
}

.ifbr3{
	width:72%;
	float:right;
	text-align:left;
	padding:5px 0;
}

.ifbr3 input{
	vertical-align:top;
	margin-left:5px;
}

.ifbr,
.ifbr2,
.ifbr3{
	font-size:10px;
}


.ifbr input,
.ifbr2 input,
.ifbr3 input{
	font-size:14px;
}


.ifbr input{
	vertical-align:middle;
	margin-left:5px;
}


.ifbr textarea{
	vertical-align:middle;
	margin-left:5px;
}

.ifbr2 input{
	vertical-align:top;
}

.ifbr textarea{
	width:250px;
	height:82px;
}

/********************************sitemap*******************************/

.smTable{
	width:479px;
	background:#ccc;
	line-height:100%;
}

.sml{
	background:#fff;
	padding:5px;
	width:120px;
}
.smr{
	background:#fff;
	padding:5px;
}

.sml a,
.smr a{
	color:#06f;
	text-decoration:none;
}

.sml a:hover,
.smr a:hover{
	background:#06f;
	color:#fff;
	text-decoration:none;
}


/**********************************manage*******************************************/

body#manage .dataBox{
	min-height:450px;
}

.tar{
	text-align:right!important;
}