@charset "utf-8";


/*--------------------------------------------------------------------------------------------------------------------------------------------

style.css 

---------------------------------------------------------------------------------------------------------------------------------------------*/

/*
Theme Name: Infotop-m
Theme URI: http://www.infotop-m.jp/wordpress
Description: 株式会社インフォトップマーケティング　
Version: 1.6
Author: Keisuke Nitta
Author URI: http://www.infotop-m.jp/wordpress
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	background-color: #ffffff;
	FONT-FAMILY: 'verdana', 'Hiragino Kaku Gothic ProN', 'qMmpS ProN W3', 'Hiragino Kaku Gothic Pro', 'qMmpS Pro W3', 'CI', Meiryo, 'lr oSVbN', 'MS P Gothic', 'Lucida Grande', 'Geneva', 'Arial', 'Helvetica', 'Verdana', Sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 100%;
}

a:link {color: #ec4a12; text-decoration: underline;}
a:visited {color: #ec4a12; text-decoration: underline;}
a:active {color: #ec4a12; text-decoration: underline;}
a:hover {color: #0f51f6; text-decoration: none;}

br.clear {
	CLEAR: both; FONT: 0pt/0pt sans-serif
}

.mr-10 { margin-right:10px; }
.mb-20 { margin-bottom:20px; }

/* header top menu
-----------------------------------------------------------------*/
#head-menu {
	background-image: url(images/bg_headmenu.gif);
	background-repeat: repeat-x;
	height: 33px;
	width: auto;
}
#head-menu .menubox {
	text-align: left;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/block_head_grouplink.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
#head-menu ul {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 74px;
}
#head-menu ul li {
	float: left;
	background-image: url(images/line_head_topmenu.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 29px;
	margin-right: 10px;
	padding-right: 10px;
}
#head-menu .icon {
}
/*---------------------------/
 ?menu {^
/---------------------------*/
#head-menu a.infotop {
	display: block;
	width: 63px;
	height: 29px;
	background: url("images/head_topmenu_infotop.gif") 0 0 no-repeat;
	text-decoration: none;
}
#head-menu a.infotop:hover {
	background-position: 0px -29px; 
}
#head-menu .infotop span {
	display: none;
}

#head-menu a.publishing {
	display: block;
	width: 20px;
	height: 29px;
	background: url("images/head_topmenu_publishing.gif") 0 0 no-repeat;
	text-decoration: none;
}
#head-menu a.publishing:hover {
	background-position: 0px -29px; 
}
#head-menu .publishing span {
	display: none;
}

#head-menu a.academy {
	display: block;
	width: 48px;
	height: 29px;
	background: url("images/head_topmenu_academy.gif") 0 0 no-repeat;
	text-decoration: none;
}
#head-menu a.academy:hover {
	background-position: 0px -29px; 
}
#head-menu .academy span {
	display: none;
}

#head-menu a.onlineshop {
	display: block;
	width: 85px;
	height: 29px;
	background: url("images/head_topmenu_onlineshop.gif") 0 0 no-repeat;
	text-decoration: none;
}
#head-menu a.onlineshop:hover {
	background-position: 0px -29px; 
}
#head-menu .onlineshop span {
	display: none;
}

#head-menu a.dive {
	display: block;
	width: 68px;
	height: 29px;
	background: url("images/head_topmenu_dive.gif") 0 0 no-repeat;
	text-decoration: none;
}
#head-menu a.dive:hover {
	background-position: 0px -29px; 
}
#head-menu .dive span {
	display: none;
}

#head-menu a.teachers {
	display: block;
	width: 68px;
	height: 29px;
	background: url("images/head_topmenu_teachers.gif") 0 0 no-repeat;
	text-decoration: none;
}
#head-menu a.teachers:hover {
	background-position: 0px -29px; 
}
#head-menu .teachers span {
	display: none;
}


/* header // logo + rightmenu
-----------------------------------------------------------------*/
#head-products {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#head-products h1 {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
#head-products h2 {
	font-size: 65%;
	margin: 0px;
	font-weight: normal;
	color: #746441;
	letter-spacing: 0.1em;
	width: 420px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	left: 320px;
	top: 17px;
}
/*
#head-products h2 {
	font-size: 65%;
	margin: 0px;
	font-weight: normal;
	color: #746441;
	letter-spacing: 0.1em;
	width: auto;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 200px;
}
*/
#head-products dl {
	margin: 0px;
	padding: 0px;
	width: auto;
}
#head-products dl dt {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 231px;
}
#head-products dl dt img {
	height: 53px;
	width: 188px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 43px;
	margin-top: 20px;
}
#head-products dl dd {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 709px;
}
#head-products .menubox {
	position: relative;
	width: 380px;
	left: 320px;
	top: 15px;                     /* トップ右上　下に15px分ずらす */
}
#head-products ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#head-products ul li {
        padding-top:25px;         /* サイトマップ・媒体資料など　下に25px ずらす */
	float: left;
}
#head-products .maplists {
	margin-right: 13px;
}
#head-products .datalists {
	margin-right: 19px;
}
/*---------------------------/
 Emenu {^
/---------------------------*/
#head-products a.map {
	display: block;
	width: 84px;
	height: 15px;
	background: url("images/head_rightmenu_sitemap.gif") 0 0 no-repeat;
	text-decoration: none;
	margin-top: 13px;
	margin-right: 13px;
}
#head-products a.map:hover {
	background-position: 0px -15px; 
}
#head-products .map span {
	display: none;
}

#head-products a.data {
	display: block;
	width: 73px;
	height: 15px;
	background: url("images/head_rightmenu_data.gif") 0 0 no-repeat;
	text-decoration: none;
	margin-top: 13px;
	margin-right: 20px;
}
#head-products a.data:hover {
	background-position: 0px -15px; 
}
#head-products .data span {
	display: none;
}

#head-products a.inquiry {
	display: block;
	width: 186px;
	height: 41px;
	background: url("images/head_rightmenu_inquiry.gif") 0 0 no-repeat;
	text-decoration: none;
}
#head-products a.inquiry:hover {
	background-position: 0px -41px; 
}
#head-products .inquiry span {
	display: none;
}


/* footer menu
-----------------------------------------------------------------*/
#foot-products {
	width: auto;
}
#foot-products .retop {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-bottom: 15px;
}
#foot-products a.pagetop {
	display: block;
	width: 131px;
	height: 10px;
	background: url("images/bt_pagetop.gif") 0 0 no-repeat;
	text-decoration: none;
	margin-left: 719px;
}
#foot-products a.pagetop:hover {
	background-position: 0px -10px; 
}
#foot-products .pagetop span {
	display: none;
}
#foot-products .foot-menu {
	background-color: #e1dcd4;
	background-image: url(images/shadow_footer_top.gif);
	background-repeat: repeat-x;
	background-position: 0px top;
	width: auto;
}
#foot-products .menu-wrap {
	text-align: left;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 40px;
}
#foot-products .title {
	height: 19px;
	width: 261px;
	margin-bottom: 5px;
}
#foot-products .fn-lists01 {
	background-image: url(images/arrow_02.gif);
	background-repeat: no-repeat;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 80%;
	font-weight: normal;
	background-position: 0px 7px;
	letter-spacing: 0.1em;
	line-height: 18px;
}
#foot-products .fn-lists02 {
	font-size: 65%;
	font-weight: normal;
	background-image: url(images/icon_footer_web.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin: 0px;
	width: auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	letter-spacing: 0.1em;
}
#foot-products .fn-lists03 {
	letter-spacing: 0.1em;
	font-size: 65%;
	font-weight: normal;
	background-image: url(images/icon_foot_section.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
}
#foot-products .fn-lists04 {
	letter-spacing: 0.1em;
	font-size: 65%;
	font-weight: normal;
	background-image: url(images/icon_footer_page.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 12px;
}
#foot-products .fn-lists05 {
	letter-spacing: 0.1em;
	font-size: 65%;
	font-weight: normal;
	background-image: url(images/icon_footer_page.gif);
	background-repeat: no-repeat;
	background-position: 20px 3px;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
}
#foot-products .box-01 {
	width: auto;
}
#foot-products .box-01 dl {
	margin: 0px;
	padding: 0px;
}
#foot-products .box-01 dl dt {
	margin: 0px;
	padding: 0px;
}
#foot-products .box-01 dl dd {
	margin: 0px;
	padding: 0px;
}
#foot-products .box-01 ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#foot-products .box-01 ul li {
	float: left;
margin-left:40px;
/* ------------------------無効化
	margin-right: 7px;
----------------------------------- */
	padding-right: 7px;
	margin-bottom: 30px;
}
#foot-products .box-02 {
	width: auto;
}
#foot-products .box-02 dl {
	margin: 0px;
	padding: 0px;
}
#foot-products .box-02 dl dt {
	margin: 0px;
	padding: 0px;
}
#foot-products .box-02 dl dd {
	margin: 0px;
	padding: 0px;
}
#foot-products .box-02 ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#foot-products .box-02 ul li {
	float: left;
	margin-right: 7px;
	padding-right: 7px;
}
#foot-products .copyright {
	background-image: url(images/bg_copyright.gif);
	background-repeat: repeat-x;
	height: 154px;
	width: auto;
}
#foot-products .cr-box {
	text-align: right;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}
#foot-products .cr-box img {
	height: 49px;
	width: 598px;
	margin-top: 32px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#foot-products a:link {color: #835e21; text-decoration: underline;}
#foot-products a:visited {color: #835e21; text-decoration: underline;}
#foot-products a:active {color: #835e21; text-decoration: underline;}
#foot-products a:hover {color: #543809; text-decoration: none;}


/*---------------------------/
 group link
/---------------------------*/
#group-bn {
	background-image: url(images/bg_top_r_grouplink.gif);
	background-repeat: no-repeat;
	height: 187px;
	width: 251px;
	margin-bottom: 25px;
        margin-top: 17px;
}
#group-bn .inbox {
	width: auto;
	padding-top: 7px;
	padding-right: 9px;
	padding-left: 7px;
}
#group-bn dl {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 310px;
}
#group-bn dl dt {
	padding: 0px;
	width: 236px;
	margin: 0px;
	height: 42px;
}
#group-bn dl dd {
	padding: 0px;
	width: 236px;
	margin: 0px;
	height: 67px;
}
#group-bn dl dt img {
	height: 32px;
	width: 236px;
	margin-bottom: 9px;
}
#group-bn dl dd img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 62px;
	width: 236px;
	margin-bottom: 5px;
}
#group-bn dl dd img:hover {
	opacity:0.8;
	filter: alpha(opacity=75);
}


/*---------------------------/
 JIEA
/---------------------------*/
#jiea {
	background-image: url(images/bg_jiea.gif);
	background-repeat: no-repeat;
	height: 367px;
	width: 250px;
}
#jiea .inbox {
	width: auto;
	padding-top: 10px;
	padding-right: 14px;
	padding-left: 14px;
}
#jiea .logo {
	height: 169px;
	width: 158px;
	margin-bottom: 10px;
	margin-left: 30px;
}
#jiea p {
	font-size: 65%;
	line-height: 15px;
	font-weight: normal;
	color: #5b5b5b;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#jiea .bt {
	width: 222px;
	height: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}