@charset "Shift_JIS";

/* ========== reset ========== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

li {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}


/* ========== base ========== */

body {
	background:#FFF url(../images/cmn_hdbg.gif) left top repeat-x;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka,  sans-serif;
	text-align: left;
}


a {
	color:#005AA8;
	text-decoration:underline;
}


a:hover {
	color:#E64B19;
	text-decoration:underline;
}


/* ========== header ========== */

#header {
	position:relative;
	width: 980px;
	height: 50px;
}


/* ----- group logo ----- */

#logo_gr {
	position:absolute;
	top:13px;
	right:0;
}


/* ----- tagline ----- */

#tagline {
	display: block;
	position:absolute;
	left:93px;
	top:13px;
	width: 171px;
	height: 22px;
	background:url(../images/cmn_hdtx_01.gif) left top no-repeat;
	text-indent: -9999px;
}


/* ----- global navi ----- */

#gnv {
	position:absolute;
	left:275px;
	top:22px;
	width:636px;
}

#gnv ul {
	width:580px;
	height:28px;
}

#gnv ul li {
	display: inline;
}

#gnv ul li a {
	float: left;
	display: block;
	width: 190px;
	height: 28px;
	text-indent: -9999px;
}

#gnv ul li.pre a {
	background: url(../images/gnv_01def.jpg) left top no-repeat;
}

#gnv ul li.mga a {
	margin:0 5px;
	background: url(../images/gnv_02def.jpg) left top no-repeat;
}

#gnv ul li.yut a {
	background: url(../images/gnv_03def.jpg) left top no-repeat;
}

#gnv ul li.pre a:hover {
	background: url(../images/gnv_01ov.jpg) left top no-repeat;
}

#gnv ul li.mga a:hover {
	margin:0 5px;
	background: url(../images/gnv_02ov.jpg) left top no-repeat;
}

#gnv ul li.yut a:hover {
	background: url(../images/gnv_03ov.jpg) left top no-repeat;
}


#gnv ul li.pre a.on,
#gnv ul li.pre a.on hover {
	background: url(../images/gnv_01.jpg) left top no-repeat !important;
}

#gnv ul li.mga a.on,
#gnv ul li.mga a.on hover {
	margin:0 5px;
	background: url(../images/gnv_02.jpg) left top no-repeat !important;
}

#gnv ul li.yut a.on,
#gnv ul li.yut a.on hover {
	background: url(../images/gnv_03.jpg) left top no-repeat !important;
}



/* ----- english link ----- */

#gnv div.engbtn {
	float:right;
}

#gnv div.engbtn:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}




/* ========== footer ========== */
#footer {
	width:100%;
	padding-bottom:9px;
	background:#0A3A89 url(../images/cmn_fdbg_03.jpg) left top repeat-y;
}

#footer:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}


/* ----- other link area ----- */

#footer div.othervn {
	width:100%;
	background:#E6E6E6 url(../images/cmn_fdbg_01.jpg) left top no-repeat;
	font-size:0.65em;
	line-height:1.3;
}

#footer div.othervn:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

#footer div.othervn div.wrapper01 {
	width:980px;
}

/* ----- pagetop ----- */

#footer div.othervn div.wrapper01 div.pagetop {
	float:right;
	padding:8px 25px 6px 14px;
	background-color:#0A3A89;
}

#footer div.othervn div.wrapper01 div.pagetop a {
	padding-left:12px;
	background:url(../images/cmn_arr_02.gif) left 3px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}

#footer div.othervn div.wrapper01 div.pagetop a:hover {
	text-decoration:underline;
}

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

#footer div.othervn ul {
	float:right;
	width:780px;
	padding:8px 19px 6px 10px;
	text-align:right;
}

#footer div.othervn ul li {
	display:inline;
	background:url(../images/cmn_arr_01.gif) left 3px no-repeat;
	padding-left:7px;
	margin-left:28px;
}

#footer div.othervn ul li a {
	color:#005AA8;
	text-decoration:underline;
}

#footer div.othervn ul li a:hover {
	color:#E64B19;
	text-decoration:underline;
}




/* ----- link area ----- */

#footer div.wrapper {
	width:981px;
	background: url(../images/cmn_fdbg_02.jpg) left top no-repeat;
	position:relative;/**/
}

#footer div.logo {
	display:inline;
	float:left;
	width:175px;
	height:139px;
	margin-left:9px;
	background:url(../images/cmn_fdbg_04.jpg) left top no-repeat;
}

#footer div.contsmap {
	float:left;
	width:797px;
	margin-top:12px;
	background:url(../images/cmn_fdli_01.gif) right 1px repeat-y;
}

#footer div.contsmap:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

#footer div.pres,
#footer div.irmaga,
#footer div.know,
#footer div.comsearch {
	float:left;
	width:199px;
	font-size:0.65em;
	line-height:1.3;
}

#footer div.pres ul,
#footer div.irmaga ul,
#footer div.know ul,
#footer div.comsearch ul {
	width:170px;
	margin-left:14px;
}

#footer div.pres ul li a,
#footer div.irmaga ul li a,
#footer div.know ul li a,
#footer div.comsearch ul li a {
	display:inline;
	list-style:none;
	padding-left:10px;
	background:url(../images/cmn_arr_03.gif) left 3px no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

span.nomal {
	font-weight:normal;
}

#footer div.pres ul li a:hover,
#footer div.irmaga ul li a:hover,
#footer div.know ul li a:hover,
#footer div.comsearch ul li a:hover {
	text-decoration:underline;
}

#footer div.pres ul li ul.list2,
#footer div.irmaga ul li ul.list2,
#footer div.know ul li ul.list2,
#footer div.comsearch ul li ul.list2 {
	width:170px;
	margin-left:0;
	padding-top:6px;
}

#footer div.pres ul li ul.list2 li a,
#footer div.irmaga ul li ul.list2 li a,
#footer div.know ul li ul.list2 li a,
#footer div.comsearch ul li ul.list2 li a {
	padding-left:10px;
	background:url(../images/cmn_arr_04.gif) left 3px no-repeat;
	font-weight:normal;
	text-decoration:none;
}

#footer div.pres ul li ul.list2 li a:hover,
#footer div.irmaga ul li ul.list2 li a:hover,
#footer div.know ul li ul.list2 li a:hover,
#footer div.comsearch ul li ul.list2 li a:hover {
	text-decoration:underline;
}

#footer div.comsearch ul.sitetop {
	margin-top:46px;
}


/* ----- copyright ----- */

#copyright {
	position:relative;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	background-color:#072d6c;
}

#copyright img {
	position:absolute;
	left:616px;
}


/* ----- txt color ----- */

.orange {
color:#FF6600;
}

.green {
color:#3B8629;
}


/* -- riyoujou txt -- */

#attention01 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	padding:1px 2px 2px;
}

#attention02 {
	padding: 5px;
}

.cl2{
font-size:80%;
line-height:150%;
	}


/* -- cgi_area -- */

table.maincontents {
width:719px !important;
margin-left:1px;
background-color:#FFFFFF;
}

table.pdicon td {
padding:0 10px 0 0 !important;
}

table.maincontents td {
padding-top:2px;
padding-bottom:2px;
}

table.pdall2 td {
padding:2px;
}

table.pdall3 td {
padding:3px;
}

table.pdall4 td {
padding:4px;
}

table.pdall5 td {
padding:5px;
}

table.pdall10 td {
padding:10px;
}

table.pdall_0 td {
padding:0;
}

table.fil01 a img {
margin-bottom:3px;
_margin-bottom:0;
}


table.fil01 a:hover img {
filter:alpha(opacity:80);
-moz-opacity:0.8;
opacity:0.8;
}

img.pdall5 {
padding:5px;
}

/* ---------------------- base ---------------------- */


#mainwrap {
width:965px;
margin:15px 0 28px 15px;
background:url(../../ind_img/main_bg_01.gif) left top repeat-y;
font-size:0.75em;
line-height:1.2;
}

#mainconts {
float:left;
width:735px;
}

#rightarea {
clear:right;
float:right;
width:220px;
background-color:#FFFFFF;
}

#mainconts h1.name01 {
	font-size: 154%;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 3px;
}


#mainconts h2.name01{
	font-weight:bold;
	margin-bottom: 0px;
	margin-left: 5px;
}

#mainconts h3.name01{
	font-weight:bold;
	margin-bottom: -2px;
	margin-left: 5px;
}


/* ----- right search area ----- */

#rightarea div.search {
width:218px;
border-left:#D1CBAE 1px solid;
border-right:#D1CBAE 1px solid;
border-bottom:#D1CBAE 1px solid;
background:#EFECE0 url(../../ind_img/snv_bg_01.jpg) left bottom repeat-x;
margin-bottom:10px;
}

#rightarea div.sya_sea {
width:199px;
padding:9px 8px 11px 11px;
background:url(../../ind_img/snv_line_01.gif) left bottom repeat-x;
}


/* ----- jyouken search ----- */

#rightarea div.jyo_sea {
width:194px;
padding:10px 13px 5px 11px;
background:url(../../ind_img/snv_line_01.gif) left bottom repeat-x;
}

#rightarea div.jyo_sea ul {
margin-top:9px;
}

#rightarea div.jyo_sea ul li {
padding-bottom:6px;
}

#rightarea div.jyo_sea ul li a {
background:url(../../ind_img/snv_arr_01.gif) left top no-repeat;
padding-left:20px;
}


/* ----- themes search ----- */

#rightarea div.themes_sea {
width:198px;
_width:210px;/* -- up -- */
padding:10px 9px 5px 11px;
}

#rightarea div.themes_sea ul {
margin-top:8px;
}

#rightarea div.themes_sea ul li {
float:left;
padding-right:4px;
padding-bottom:1px;
}

/* ----- right nir area ----- */
#rightarea div.nir {
width:218px;
border:#BDCEE5 1px solid;
background-color:#FFFFFF;
margin-bottom:10px;
}

#rightarea div.nir ul {
margin-left:36px;
margin-top:10px;
}

#rightarea div.nir ul li {
}

#rightarea div.nir ul li a {
background:url(../../ind_img/ind_arr_01.gif) left top no-repeat;
padding-left:20px;
font-weight:bold;
}

/* ----- nir yuutai magazine area ----- */
#rightarea div.shittoku_yu {
width:206px;
_width:218px;/* -- up -- */
padding:16px 6px 13px;
background:url(../../ind_img/ind_line_01.gif) left bottom repeat-x;
}

#rightarea div.shittoku_maga {
width:206px;
_width:218px;/* -- up -- */
padding:16px 6px 13px;
}

#rightarea div.shittoku_yu dl,
#rightarea div.shittoku_maga dl {
margin-left:4px;
}

#rightarea div.shittoku_yu dl dt,
#rightarea div.shittoku_maga dl dt
 {
font-weight:bold;
}

#rightarea div.shittoku_yu dl dd,
#rightarea div.shittoku_maga dl dd {
padding-top:7px;
}


#rightarea div.yu_ph {
width:111px;
height:156px;
margin-top:11px;
margin-left:40px;
padding:7px;
background-color:#EDEDED;
}

#rightarea div.yu_ph img {
border:#999999 1px solid;
}

#rightarea div.shittoku_yu p,
#rightarea div.shittoku_maga p {
margin-top:10px;
padding:8px 10px;
background-color:#EDEDED;
}


/* -- company search -- */

#rightarea div.imp {
width:198px;/* -- up -- */
height:25px;
padding:0;
margin-top:7px;
}

.form01{
	float:left;
	width: 143px !important;
	height:25px !important;
	margin-right:5px;
	_margin-right:2px;
	border: 1px solid #3A99D5;
	background-color: #FFFFFF;
	padding-top:3px;
}

#bottom {
	border: none;
	width: 44px !important;
	height: 25px !important;
	background:none !important;
}


/* -- view_tab -- */

div.pre_det_tab {
width:724px;
_width:735px;
height:38px;
background:url(../../ind_img/pre_detbg_01.jpg) left bottom repeat-x;
margin-top:20px;
margin-bottom:0;
padding-left:11px;
}

div.pre_det_tab ul.tab {
width:716px;
height:38px;
margin:0;
padding:0;
}

div.pre_det_tab ul.tab li {
width:177px;
height:38px;
float:left;
margin-right:2px;
padding:0;
}

div.pre_det_tab ul.tab li a {
margin:0;
padding:0;
}


div.pre_det_h1 {
margin-bottom:15px;
padding:0;
}


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


/*�@tab_link from_old_win_ie.css�@*/

.widelink A:link {
	display: block;
	background: url(/common_img/tab_menu_off.gif) left top no-repeat;
	_background-image: url(/common_img/tab_menu_off.gif) ;
	width: 102px;
	height: 19px;
	_height: 26px;
	font-weight: bold;
	color: #006CB5;
	padding-top: 7px;
	padding-bottom: 0px;
}

.widelink A:visited {
	display: block;
	background: url(/common_img/tab_menu_off.gif)left top no-repeat;
	_background-image: url(/common_img/tab_menu_off.gif) ;
	width: 102px;
	height: 19px;
	_height: 26px;
	font-weight: bold;
	color: #006CB5;
	padding-top: 7px;
	padding-bottom: 0px;
}

.widelink A:hover {
	display: block;
	background: url(/common_img/tab_menu_on.gif)left top no-repeat;
	_background-image: url(/common_img/tab_menu_on.gif) ;
	width: 102px;
	height: 19px;
	_height: 26px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 0px;
}

.widelink_now A:link {
	display: block;
	background: url(/common_img/tab_menu_on.gif)left top no-repeat;
	_background-image: url(/common_img/tab_menu_on.gif) ;
	color: #FFFFFF;
	width: 102px;
	height: 19px;
	_height: 26px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 0px;
}

.widelink_now A:visited {
	display: block;
	background: url(/common_img/tab_menu_on.gif)left top no-repeat;
	_background-image: url(/common_img/tab_menu_on.gif) ;
	color: #FFFFFF;
	width: 102px;
	height: 19px;
	_height: 26px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 0px;
}

.widelink_now A:hover {
	display: block;
	background: url(/common_img/tab_menu_on.gif)left top no-repeat;
	_background-image: url(/common_img/tab_menu_on.gif) ;
	color: #FFFFFF;
	width: 102px;
	height: 19px;
	_height: 26px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 0px !important;
}


.ft075{
font-size:0.75em;
line-height:1.2;
}

.ft100{
font-size:100%;
line-height:1.2;
}



/* ----- kabuka_btn ----- */

div.kabuka01 a {
	display:block;
	width:136px;
	height:40px;
	background:url(/ind_img/joy_bt02.jpg) left top no-repeat;
	text-indent:-9999px;
}

div.kabuka01 a:hover {
	display:block;
	width:136px;
	height:40px;
	background:url(/ind_img/joy_bt02ov.jpg) left top no-repeat;
	text-indent:-9999px;
}


div.kabuka02 {
margin-top:20px;
margin-left:117px;
}

div.kabuka02 a {
	display:block;
	width:500px;
	height:70px;
	background:url(/ind_img/joy_bt01.jpg) left top no-repeat;
	text-indent:-9999px;
}

div.kabuka02 a:hover {
	display:block;
	width:500px;
	height:70px;
	background:url(/ind_img/joy_bt01ov.jpg) left top no-repeat;
	text-indent:-9999px;
}


/* -- teisei -- */
div.teisei {
margin:5px;
}

div.teisei a {
color:#FF0000!important;
}

div.teisei a:hover {
color:#E64B19!important;
}


/* -- nir_mail -- */

div.nirmail_type03 {
margin-left:110px;
}

div.nirmail_type03 a {
width:500px;
height:110px;
display:block;
background:url(../../nir_mail/img/nirmail_03.png) left top no-repeat;
text-indent:-9999px;
}

div.nirmail_type03 a:hover {
display:block;
background:url(../../nir_mail/img/nirmail_03ov.png) left top no-repeat;
text-indent:-9999px;
filter:alpha(opacity:80);
-moz-opacity:0.8;
opacity:0.8;
}

/* -- nir_mail non_navi_type -- */

div.nirmail_type04 {
margin-left:232px;
}

div.nirmail_type04 a {
width:500px;
height:110px;
display:block;
background:url(../../nir_mail/img/nirmail_03.png) left top no-repeat;
text-indent:-9999px;
}

div.nirmail_type04 a:hover {
display:block;
background:url(../../nir_mail/img/nirmail_03ov.png) left top no-repeat;
text-indent:-9999px;
filter:alpha(opacity:80);
-moz-opacity:0.8;
opacity:0.8;
}

/* -- nir_mail right navigation -- */
div.nirmail_rignavi {
width:220px;
height:136px;
margin-bottom:10px;
}