@charset "utf-8";

 /* リンク色 */
a:link { text-decoration:none;color:#259 }
a:visited { text-decoration:none;color:#259 }
a:hover { text-decoration:underline;color:#259 }
a:active { text-decoration:none;color:#259 }
a[name]:hover { text-decoration:none;color:#000 }

body {
	background:  #fff;
	color: #000;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:  84%;
	line-height:  1.4;
}
rt {
	font-size: 70%;
	line-height: 1.2;
}

div.wrap  {
	width:  960px;
	margin:  0 auto;
}
div#contents  {
	margin-top:  15px;
}
div#navi  {
	width:  200px;
	float:  left;
}
div#main  {
	width:  720px;
	float:  right;
}

/*----------------■ヘッダー--------------*/

div#header  {
	height:  115px;
	background:  #038 url(../image/header_bg.png) repeat-x 0 30px;
}
* html div#header  {/*ie6*/
	background:  #038 url(../image/header_bg.jpg) repeat-x 0 30px;
}
div#header div.wrap  {
	position:  relative;
	width:  960px;
	height:  115px;
	background:  url(../image/header_contact.png) no-repeat right 30px;
}
* html div#header div.wrap  {/*ie6*/
	background:  url(../image/header_contact.gif) no-repeat right 30px;
}
h1  {
	height:  30px;
	line-height:  30px;
	color:  #fff;
	overflow:  hidden;
}
p#sitemap a  {
	display:  block;
	position:  absolute;
	top:  0;
	right:  0;
	width:  79px;
	height:  30px;
	background:  url(../image/header_btn_sitemap.gif) no-repeat;
	text-indent:  -9999px;
}
p#title  {
	position:  absolute;
	top:  30px;
	left:  0;
	width:  270px;
	height:  85px;
	background:  url(../image/header_ti201022.png) no-repeat;
	text-indent:  -9999px;
}
* html p#title  {/*ie6*/
	background:  url(../image/header_ti.gif) no-repeat;
}
p#title a  {
	display:  block;
	width:  100%;
	height:  100%;
}
p#contact  {
	text-indent:  -9999px;
}
p#contact a  {
	display:  block;
	position:  absolute;
	top:  30px;
	right:  0;
	width:  130px;
	height:  39px;
	background:  url(../image/header_contact_sheet.png) no-repeat;
}
* html p#contact a  {/*ie6*/
	background:  url(../image/header_contact_sheet.gif) no-repeat;
}
div#serch  {
	position:  absolute;
	top:  80px;
	right:  0;
	width:  193px;
	height:  20px;
	padding-left:  74px;
	background:  url(../image/header_search_mi.png) no-repeat;
}
input#box  {
	position:  absolute;
	top:  0;
	left:  74px;
	width:  154px;
	height:  20px;
}
input#go  {
	position:  absolute;
	top:  0;
	right:  0;
}
ul#bread  {
	margin-top:  15px;
	color:  #666;
	font-size:  12px;
	line-height:  1.0;
}
ul#bread li  {
	float:   left;
}


/*----------------■新ナビゲーション---------------*/
div#navi li  {
	width:  200px;
	height:  37px;
	text-indent:  -9999px;
	overflow:  hidden;
}
div#navi li a {
	display:  block;
	width:  100%;
	height:  100%;
}
div#navi li a:hover  {
	background:  none;
}


ul#nv_grp  {
	background:  url(../image/navi/group_mi.gif) no-repeat;
	padding-top: 75px;
	margin-top: 20px;
}
ul#sensui  {
	background:  url(../image/navi/sensui_mi.gif) no-repeat;
	padding-top: 75px;
	margin-top: 20px;
}
ul#sp  {
	background:  url(../image/navi/osakana_mi.gif) no-repeat;
	padding-top: 75px;
	margin-top: 20px;
}

li#home {
	height:  35px !important;
	background:  url(../image/navi/nv_home_on.gif) no-repeat;
}
li#event {
	display:  none;
	height:  65px !important;
	margin-top:  20px;
	background:  url(../image/navi/event_bn_on.gif) no-repeat;
}
li#kensa {
	display:  none;
	height:  65px !important;
	margin-top:  20px;
	background:  url(../image/navi/jishukensa_bn_on.gif) no-repeat;
}
li#nv_grp01 {
	background:  url(../image/navi/group_nv01_on.gif) no-repeat;
}
li#nv_grp01-2 {
	background:  url(../image/navi/group_nv01-2_on.gif) no-repeat;
}
li#nv_grp02 {
	background:  url(../image/navi/group_nv02_on.gif) no-repeat;
}
li#nv_grp03 {
	background:  url(../image/navi/group_nv03_on.gif) no-repeat;
}
li#nv_grp04 {
	background:  url(../image/navi/group_nv04_on.gif) no-repeat;
}
li#nv_grp05 {
	background:  url(../image/navi/group_nv05_on.gif) no-repeat;
	display: none;
}
li#nv_grp06 {
	background:  url(../image/navi/group_nv06_on.gif) no-repeat;
}
li#nv_grp07 {
	background:  url(../image/navi/group_nv07_on.gif) no-repeat;
}
li#nv_grp08 {
	background:  url(../image/navi/group_nv08_on.gif) no-repeat;
}
li#nv_grp09 {
	height:  38px !important;
	background:  url(../image/navi/group_nv09_on.gif) no-repeat;
}
li#nv_sensui01 {
	background:  url(../image/navi/sensui_nv01_on.gif) no-repeat;
}
li#nv_sensui02 {
	background:  url(../image/navi/sensui_nv02_on.gif) no-repeat;
}
li#nv_sensui03 {
	background:  url(../image/navi/sensui_nv03_on.gif) no-repeat;
}
li#nv_sensui04 {
	height:  38px !important;
	background:  url(../image/navi/sensui_nv04_on.gif) no-repeat;
}

li#nv_recruit {
	height: 65px !important;
	margin-top:  20px;
	background:  url(../image/navi/recruit_bn_on.gif) no-repeat;
}
li#nv_monitor {
	height: 65px !important;
	margin-top:  20px;
	background:  url(../image/navi/research_bn_on.gif) no-repeat;
}
li#recipe  {
	background:  url(../image/navi/osakana_nv01_on.gif) no-repeat;
}
li#qa {
	height:  38px !important;
	background:  url(../image/navi/osakana_nv02_on.gif) no-repeat;
}

li#home a {
	background:  url(../image/navi/nv_home.gif) no-repeat;
}
li#event a {
	background:  url(../image/navi/event_bn.gif) no-repeat;
}
li#kensa a {
	background:  url(../image/navi/jishukensa_bn.gif) no-repeat;
}
li#nv_grp01 a {
	background:  url(../image/navi/group_nv01.gif) no-repeat;
}
li#nv_grp01-2 a {
	background:  url(../image/navi/group_nv01-2.gif) no-repeat;
}
li#nv_grp02 a {
	background:  url(../image/navi/group_nv02.gif) no-repeat;
}
li#nv_grp03 a {
	background:  url(../image/navi/group_nv03.gif) no-repeat;
}
li#nv_grp04 a {
	background:  url(../image/navi/group_nv04.gif) no-repeat;
}
li#nv_grp05 a {
	background:  url(../image/navi/group_nv05.gif) no-repeat;
}
li#nv_grp06 a {
	background:  url(../image/navi/group_nv06.gif) no-repeat;
}
li#nv_grp07 a {
	background:  url(../image/navi/group_nv07.gif) no-repeat;
}
li#nv_grp08 a {
	background:  url(../image/navi/group_nv08.gif) no-repeat;
}
li#nv_grp09 a {
	background:  url(../image/navi/group_nv09.gif) no-repeat;
}
li#nv_sensui01 a {
	background:  url(../image/navi/sensui_nv01.gif) no-repeat;
}
li#nv_sensui02 a {
	background:  url(../image/navi/sensui_nv02.gif) no-repeat;
}
li#nv_sensui03 a {
	background:  url(../image/navi/sensui_nv03.gif) no-repeat;
}
li#nv_sensui04 a {
	background:  url(../image/navi/sensui_nv04.gif) no-repeat;
}
li#nv_sensui05 a {
	background:  url(../image/navi/sensui_nv04.gif) no-repeat;
}
li#nv_recruit a {
	background:  url(../image/navi/recruit_bn.gif) no-repeat;
}
li#nv_monitor a {
	background:  url(../image/navi/research_bn.gif) no-repeat;
}
li#recipe a {
	background:  url(../image/navi/osakana_nv01.gif) no-repeat;
}
li#qa a {
	background:  url(../image/navi/osakana_nv02.gif) no-repeat;
}

/*----------------■コンテンツ--------------*/

body#styleA div#main  {
	background:  url(../image/styleA/page_ti_bg.jpg) no-repeat;
}
body#styleB div#main  {
	background:  url(../image/styleB/page_ti_bg.jpg) no-repeat;
}
body#styleC div#main  {
	background:  url(../image/styleC/page_ti_bg.gif) no-repeat;
}
h2  {
	width:  720px;
	height:  110px;
	margin-bottom:  10px;
	text-indent:  -9999px;
}
h4.mi  {
	margin-top:  30px;
	margin-bottom:  10px;
	padding-top:  30px;
	padding-left:  26px;
	font-size:  14px;
	font-weight:  bold;
	line-height:  23px;
	border-top:  1px dotted #999;
}

body#styleA h4.mi  {
	background:  url(../image/styleA/mi_icon_a.gif) no-repeat 0 30px;
}
body#styleB h4.mi  {
	background:  url(../image/styleB/mi_icon_a.gif) no-repeat 0 30px;
}
body#styleC h4.mi  {
	background:  url(../image/styleC/mi_icon_a.gif) no-repeat 0 30px;
}
h5.mi  {
	margin-top:  30px;
	margin-bottom:  10px;
	padding-top:  30px;
	padding-left:  20px;
	font-size:  13px;
	line-height:  17px;
	border-top:  1px dotted #999;
}
body#styleA h5.mi  {
	background:  url(../image/styleA/mi_icon_b.gif) no-repeat 0 30px;
}
body#styleB h5.mi  {
	background:  url(../image/styleB/mi_icon_b.gif) no-repeat 0 30px;
}
body#styleC h5.mi  {
	background:  url(../image/styleC/mi_icon_b.gif) no-repeat 0 30px;
}

img.phr  {
	float:  right;
	margin-left:  15px;
}
ol.lis li  {
	text-indent:  -1em;
	margin-left:  1em;
}

/*----------------■フッター--------------*/

@media print  {
	div#footer  {  display:  none;  }
}

div#footer  {
	width:  100%;
	margin-top:  40px;
	padding-top:  15px;
	padding-bottom:  30px;
	background:  #038;
}
div#footer div.wrap  {
	position:  relative;
	text-indent:  -9999px;
}
div#footer li#pp {
	width:  132px;
	height:  13px;
	display: none;
	background:  url(../image/footer_privacypolicy.gif) no-repeat;
}
div#footer li a {
	display:  block;
	width:  100%;
	height:  100%;
}
div#footer p  {
	position:  absolute;
	right:  0;
	top:  0;
	width:  287px;
	height:  13px;
	background:  url(../image/footer_copyright.gif) no-repeat;
}