@charset "UTF-8";

/*------------------------------------------------------------------------------------------------------ 共通 */



body {
color:#555555;
background:url(../img/bg.gif) #f1f0f0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,;
}

/**フォントサイズ初期設定（12px）**/
p,a{
font-size:93%;
line-height:1.5;
}
p a{
font-size:100%;
}
.bold{
font-weight:bold;
}

.red{
color:#ff0000;
}

.notes{
font-size:85%;
color:#ff0000;
}

.hilight {
	color:#62300e;
	background:#dbd0c8;
/*	border-bottom:solid 1px #62300e; */
}

img {
vertical-align:bottom;
}

/* ルビ */
rp,rt,x:-moz-any-link  { font-size:10px;}

/* ///////////////////////////////////////// ClearFix */

.clear{
	clear:both;
}

/* modern browsers */

.clearfix:after,
.section:after,
.fBox:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

.clearfix,
.section,
.fBox{
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html .section,
* html .fBox{
	height: 1%;
}

.clearfix,
.section,
.fBox{
	display: block;
}



/* /////////////////////////////////////////////////////////////////////////// float style */

.fr{
	float:right !important;
}

.fl{
	float:left !important;
}

ul.fBox li{
	float:left;
	display:inline;
}

.fnone{
	float:none !important;
	display:block;
	width:99%;
}


/*---------------------------------- リンクカラー設定 */

/**ベースカラー**/

a {
text-decoration:underline;
color:#704525;
}
a:hover {
background-color:#dbd0c8;
} 

/**商品情報**/

body#products a{
color:#18779f;
}
body#products a:hover {
background-color:#c5dde7;
}

/**イベント情報**/

body#event a{
color:#3a7c12;
}
body#event a:hover {
background-color:#cedec4;
}

/**みんなの展覧会**/

body#gallery a{
color:#615a82;
}
body#gallery a:hover {
background-color:#d7d6e0;
}

/**会社情報**/

body#company a{
color:#817737;
}
body#company a:hover {
background-color:#dfddcd;
}

/**お客様相談窓口**/

body#contact a{
color:#c27193;
}
body#contact a:hover {
background-color:#f0dbe4;
}



/*---------------------------------- end リンクカラー設定 */
/*
body#index div#indexSwf{
background:url(../img/top_line_bg.gif) repeat-x top;
}
*/

div#topLine {
background:url(../img/top_line_bg.gif) repeat-x;
height:68px;
}

div#underLine {
background:url(../img/under_line_bg.gif) repeat-x;
height:54px;
}

div#wrap {
width:780px;
margin-left:auto;
margin-right:auto;
}

body#index div#wrap {
width:100%;
}


/* ----- listLink01 ----- */

ul.listLink,
body#order div#mainContentsBg ul.listLink{
text-align:right;
margin:0 0 0 0;
padding:20px 3px 0 0;
}
ul.listLink li,
body#order div#mainContentsBg ul.listLink li{
list-style:url(../img/list_icon.gif) inside;
margin:0;
padding:0 0 5px 30px;
}

* html body ul.listLink li,
* html body#order div#mainContentsBg ul.listLink li{
list-style:url(../img/list_icon_ie.gif) inside;
}

*:first-child+html body ul.listLink li,
*:first-child+html body#order div#mainContentsBg ul.listLink li{
list-style:url(../img/list_icon_ie.gif) inside;
}


/* ----- listLink02 ----- */
ul.listLink02,
body#order div#mainContentsBg ul.listLink02{
margin:0 0 0 0;
padding:20px 3px 0 0;
}

ul.listLink02 li {
	list-style:url(../img/list_icon.gif) inside;
	margin:0;
	padding:0 0 5px 20px;
}

* html body ul.listLink02 li,
* html body#order div#mainContentsBg ul.listLink02 li{
list-style:url(../img/list_icon_ie.gif) inside;
}

*:first-child+html body ul.listLink02 li,
*:first-child+html body#order div#mainContentsBg ul.listLink02 li{
list-style:url(../img/list_icon_ie.gif) inside;
}


/*---------------------------------- パンくず */

div#pkz {
clear:both;
height:88px;
}

/**/
div#pkzText {
position:absolute;
margin-top:40px;
display:inline;
height:35px;
padding:8px 20px 0 45px;
background:url(../img/pkz_text_bg.gif) no-repeat;
font-size:93%;
}
div#pkzText a{
font-size:100%;
color:#704525;
}

div#pkzText a:hover {
background-color:#dbd0c8;
}

div#pkz img,
div#pkzIndex img{
vertical-align:middle;
margin:0 5px 3px 12px;
}

/* 各コンテンツインデックス */

div#pkzIndex div#pkzText{
margin-top:165px;
}

div#pkzIndex{
clear:both;
height:219px;
}

/* end 各コンテンツインデックス */

/* end パンくず */

/* ページトップ */

div#pagetop {
clear:both;
height:161px;
background:url(../img/pagetop_bg.gif) no-repeat;
text-align:right;
}

div#pagetop img {
margin:120px 43px 0 0;
}

/* 各コンテンツインデックス */
div#pagetopIndex {
clear:both;
height:40px;
text-align:right;
}

div#pagetopIndex img {
margin:0px 43px 0 0;
}

/* ターゲット別 */
div#pagetopTarget {
clear:both;
height:80px;
text-align:right;
}

div#pagetopTarget img {
margin:40px 43px 0 0;
}
/* end 各コンテンツインデックス */

/*---------------------------------- end ページトップ */

/*---------------------------------- FLV NO SCRIPT */

/* NO SCRIPT */
div#flvNoScript{
background:url(../img/flv_no_script.gif) no-repeat;
width:320px;
height:282px;
margin:0 auto;
}
div#flvNoScript div#getFlash{

}
div#flvNoScript div#getFlash p{
padding:210px 10px 0 0;
text-align:right;
}

*html div#flvNoScript div#getFlash p{
padding:190px 10px 0 0;
text-align:right;
}
*:first-child+html div#flvNoScript div#getFlash p{
padding:190px 10px 0 0;
text-align:right;
}
/*---------------------------------- end FLV NO SCRIPT */

/*------------------------------------------------------------------------------------------------------ end 共通 */

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

div.header h1 {
padding:0 0 29px 10px;
float:left;
}

div.header h2 {
display:none;
}

/**
 * IE6, IE7では
 * img の display が inline だと
 * img の高さが小さくても font-size の分の高さをとってしまう
 * 全体に display:block を指定するとsafariで表示崩れ
 *
 * @date 2010/03/25
 */
div.header img {
	/display:block;
}

/*---------------------------------- hNavi */

div#hNavi {
position:relative;
float:right;
padding:21px 10px 0 0;
}

div#hNavi table#searchBox {
	position:absolute;
	top:-10px;
	right:130px;
}

	div#hNavi table#searchBox td {
		vertical-align:middle;
	}

	div#hNavi table#searchBox td.searchBoxIcon {
		padding:0 4px 0 0;
	}
	
		div#hNavi table#searchBox td input#WLSearchBoxInput {
			border:1px solid #cabd9f;
			margin-right:4px;
			padding:3px;
			width:153px;
			vertical-align:bottom;
		}

div#hNavi div#techLink {
	position:absolute;
	top:-8px;
	right:10px;
}

div#hNavi div#techLink a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
		


div#hNavi ul {
list-style:none;
}

div#hNavi li {
float:left;
}

div#hNavi li a,
div#hNavi li a:hover{
background:none;
}

/*---------------------------------- end hNavi */

/*---------------------------------- gNavi */

div#gNavi {
width:780px;
clear:both;
}

div#gNavi ul {
list-style:none;
font-size:0px;
line-height:0;
}

div#gNavi li {
float:left;
height:35px;
}
/*---------------------------------- end gNavi */

/*---------------------------------- subNavi */

div#subNavi {
width:780px;
clear:both;
font-size:0px;
line-height:0;
}

div#subNavi ul {
list-style:none;
font-size:0px;
line-height:0;
}

div#subNavi li {
float:left;
height:31px;
font-size:0px;
line-height:0;
}
/*---------------------------------- end subNavi */

/*------------------------------------------------------------------------------------------------------ end ヘッダー */

/*------------------------------------------------------------------------------------------------------ フッダー */

div.footer {
clear:both;
}

div.footer h2{
display:none;
}

div.footer p {
/font-size: 1px;
/height: 3px;
}

/*---------------------------------- gfNavi */

div#gfNavi {
clear:both;
}

div#gfNavi ul {
list-style:none;
font-size:0px;
line-height:0;
}

div#gfNavi li {
float:left;
height:29px;
}

div#gfNavi li.right {
float:right;
padding-top:6px;
}

div#gfNavi li.right a {
display: inline-block;
/display: inline;
/zoom:1;
}

div#gfNavi li.right img {
vertical-align: bottom;
}


/*---------------------------------- end gfNavi */

/*---------------------------------- subfNavi */

div#subfNavi {
/*width:482px;*/
clear:both;
}

div#subfNavi ul {
list-style:none;
font-size:0px;
line-height:0;
}

div#subfNavi li {
float:left;
height:22px;
}

/*---------------------------------- end subfNavi */

/*---------------------------------- tNavi */

div#tNavi {
width:780px;
padding-bottom:0px;
clear:both;
}

div#tNavi ul {
list-style:none;
font-size:0px;
line-height:0;
}

div#tNavi li {
float:left;
height:61px;
}

/*---------------------------------- end tNavi */

/*---------------------------------- gbNavi */

div#gbNavi {
width:780px;
clear:both;
}

div#gbNavi ul {
list-style:none;
font-size:0px;
line-height:0;
}

div#gbNavi li {
float:left;
height:67px;
}

/*---------------------------------- end gbNavi */

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

div#copyright {
height:32px;
margin-bottom:60px;
clear:both;
}

div#copy {
padding:12px 0 0 10px;
float:left;
}

div#copyright ul {
padding-top:18px;
list-style:none;
float:right;
font-size:0px;
line-height:0;
}

div#copyright li {
float:left;
height:11px;
}

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

/*------------------------------------------------------------------------------------------------------ end フッダー */

/*------------------------------------------------------------------------------------------------------ メインコンテンツ */

div.contentsIndex{
	margin-top:-15px;
}

div#mainContentsBg {
float:left;
width:550px;
margin-bottom:30px;
}

div#mainContentsSubBg {
padding:3px 30px 0 30px;
}

div.mainContentsSubTtl2 {
background:url(../img/sub_ttl_bg01e.gif) no-repeat;
width:490px;
height:auto;
margin-top:10px;
}

div.mainContentsSubTtl2 h3 {
padding:35px 15px 0 45px;
color:#704545;
font-size:138.5%;
line-height:1.3;
font-weight:bold;
}

div.mainContentsSubTtl {
background:url(../img/sub_ttl_bg01.gif) no-repeat;
width:490px;
height:68px;
margin-top:10px;
}

div.mainContentsSubTtl h3 {
padding:28px 15px 0 45px;
color:#704545;

font-size:138.5%;

line-height:1.3;
font-weight:bold;
}

div.contentsBg {
zoom:1;
background:url(../img/sub_ttl_bg02.gif) repeat-y;
padding:1px 20px 5px 20px;
}
/*IE*/
*html div.contentsBg{
padding:1px 20px 15px 20px;
margin:0 0 -10px 0;
} 


div#categoryMenu ul{
list-style:none;
width:510px;
margin-top:15px;
}

div#categoryMenu li{
float:left;
/*padding:0;*/
overflow:hidden;
margin:0px 8px 8px 0;
line-height:0;
}

/* ---------- ie6 hack  ----------*/
* html body div#categoryMenu li {
	zoom:1;
}

/* ---------- ie7 hack  ----------*/
*:first-child+html body div#categoryMenu li {
	overflow:visible;
	zoom:1;
}

/*テーブルの場合*/

div#ttlBg h2,
div#ttlBg3 h2,
div#ttlBg4 h2 {
padding:19px 0 0 25px;
/*
font-size:182%;
*/
font-size:24px;
font-weight:bold;
color:#704545;
}
div#ttlBg4 h2{
	padding:9px 0 10px 25px !important;
}

div#ttlBg,
div#ttlBg2 {
margin-top:10px;
margin-bottom:-10px;
background:url(../img/ttl_bg.gif) no-repeat;
height:69px;
}

div#ttlBg3 {
margin-top:10px;
margin-bottom:-10px;
background:url(../img/ttl_bg2.gif) no-repeat;
min-height:102px;
}
div#ttlBg4 {
margin-top:10px;
margin-bottom:-10px;
background:url(../img/ttl_bg3.gif) no-repeat;
min-height:102px;
}

div#ttlBgLong {
background:url(../img/ttl_bg_long.gif) no-repeat;
margin-top:10px;
margin-bottom:-10px;
}

div#ttlBgLong h2 {
background:url(../img/ttl_bg_long_bottom.gif) no-repeat left bottom;
color:#704545;
font-size:24px;
font-weight:bold;
padding:19px 0 25px 25px;
}



/* ---------------- ie6 hack  ---------------- */
* html body div#ttlBg3
{
height:100px;
}

/* ---------- ie7 hack  ----------*/
*:first-child+html body div#ttlBg3
{
height:100px;
}


div.contentsBg h4 {
font-size:153.9%;
font-weight:bold;
}

div.contentsBg h5 {
font-weight:bold;
font-size:108%;
}

div.contentsBg p {
padding:0 0 10px 0;
}

/*CMSテキスト関連*/
div.contentsBg div.cmsText01,
div.contentsBg div.cmsText02 {
padding-bottom:10px;
}
div.contentsBg div.cmsText02 {
clear:both;
}

div.linupMarks {
width:450px;
background:#FFFFFF;
margin-top:12px;
}

div.linupMarks ul {
list-style:none;
font-size:0;
line-height:0;
/*WinIEの背景が消えるバグ回避*/
width:100%;
overflow:auto;
}

div.linupMarks li {
float:left;
}


/*CMSテーブル関連*/

div.cmsTable{
padding-bottom:1px;
}

div.cmsTable table {
border-spacing:0;
border-collapse:collapse;
empty-cells:show;
/*width:100%;*/
}

div.cmsTable table tr th ,
div.cmsTable table tr td {
padding:10px 10px 10px 10px;
background:#ffffff;
border:solid #cec3a7 1px;
font-size:93%;
}

div.cmsTable table tr th a,
div.cmsTable table tr td a{
font-size:100%;
}

div.cmsTable table tr th {
background:url(../img/th_bg.gif);
color:#704525;
font-weight:bold;
}
div.cmsTable table tr td {
background:url(../img/td_bg.gif);
}

div.cmsTable table tr th.join{
background-image:none;
background:url(../img/th_join_bg.gif);
font-size:108%;
}

div.cmsTable table tr div{
line-height:1.5;
}


div.box-contact-attention{
background:url(../img/td_bg.gif);
margin-bottom:13px;
border:#CEC3A7 1px solid;
}
div.box-contact-attention p{
	margin:0 !important;
	padding:13px 20px !important;
}


/*リスト関連*/
ul.listMark{
padding:0 0 10px 0;
line-height:1.5;
font-size:93%;
}

ul.listMark li{
list-style: disc;
margin:0 0 0 15px;
padding:0 0 2px 0;
}

ol.decimalList {
	line-height:1.5;
	font-size:93%;
}
ol.decimalList li{
	list-style-type:decimal;
	margin:0 0 0 15px;
}


/*---------------------------------- ラインナップサイドメニュー */

div#sideContents{
float:right;
width:200px;
margin:-10px 0 30px 0px;
}

div#sideContentsIndex{
float:right;
width:200px;
margin:15px 0 30px 0px;
}

div#sideContents ul,
div#sideContentsIndex ul{
padding-top:30px;
list-style:none;
}

div#sideContents li,
div#sideContentsIndex li{
display:inline;
font-size:0;
line-height:0;
}

div#sideContents dl{
margin-top:30px;
font-size:93%;
}

div#sideContents dd{
height:auto;
padding:5px 25px 0 29px;
background:url(../../products/img/side_list03b.gif) no-repeat;
line-height:1.5;
position:relative;
zoom:1;
overflow:hidden;
}

div#sideContents dd a {
height:auto;
padding:5px 0 0 29px;
display:block;
margin:-5px 0 0 -29px;
font-size:100%;
background:url(../../products/img/side_list03b.gif) no-repeat;
line-height:1.5;
zoom:1;
}

div#sideContents dd a:hover{
background:url(../../products/img/side_list03b_on.gif) no-repeat;
}

div#sideContents dd.line{
height:auto;
padding:0 0 0 0;
margin:0 0 0 0;
background:none;
line-height:0;
font-size:1px;
}



div#sideContents dt{
background:url(../../products/img/side_list01.gif) no-repeat;
height:35px;
padding:0;
}

div#sideContents dt{
padding:11px 0 0 12px;
font-size:108%;
color:#704545;
font-weight:bold;
}
div#sideContents dt img{
margin:-11px 0 0  -12px;
}

div#sideContents #listBottom{
height:49px;
padding:0;
}

div#sideContents #listBottom a{
margin:0;
padding:0;
}

div#sideContents dd span.navi-s{
	font-size: 91.7%;
}


/*---------------------------------- end ラインナップサイドメニュー */

/*------------------------------------------------------------------------------------------------------ end メインコンテンツ */

/*---------------------------------- 共通部分 */
/* 
	まめ知識など
	---------------------------
	・○○
	テキストテキスト
	・○○
	テキストテキスト
	---------------------------
	って、なってたりするやつ用
*/
dl#general01 {
}

dl#general01 dt {
margin-bottom:5px;
}

dl#general01 dd {
margin-bottom:10px;
font-size:85%;
color:#5a5a5a;
}

dl#general01 dd p,
dl#general01 dd ul {
font-size:100%;
}

/*---------------------------------- 共通部分 */
/* 
	まめ知識など
	---------------------------
	・○○
	テキストテキスト
	・○○
	テキストテキスト
	---------------------------
	って、なってたりするやつ用
*/
dl.general02 {
}

dl.general02 dt {
margin-bottom:5px;
}

dl.general02 dd {
margin-bottom:6px;
font-size:85%;
color:#777777;
}

dl.general02 dd.listType {
	padding-left: 1em;
}
	/* IE6 */
	* html dl.general02 dd.listType {
		text-indent: -0.5em;
	}
	/* IE7 */
	*:first-child+html dl.general02 dd.listType {
		text-indent: -0.5em;
	}
	/* IE8 */
	head~/* */body dl.general02 dd.listType {
		text-indent: -0.5em;
	}
	/* FF, Opera, Safari, Chrome */
	html:not(:target) dl.general02 dd.listType {
		text-indent: -1em;
	}
	
	
dl.general02 dd.lastChild {
margin-bottom:12px;
}

/* 
	注釈で2行目以降にスペース
*/
.indent_line {
	padding-left:1em !important;
	text-indent:-1em;
}


/*
 打ち消し線
 */
.strike {
	text-decoration:line-through;
}

/*
	フォントカラー
*/
.red {
	color:#FF0000;
}

/*
	下部マージン
	テキストアライン
*/
.left {
	text-align:left !important;
}

.right {
	text-align:right;
}

.center {
	text-align:center !important;
}

.p0 {
	padding:0 !important;
} 
.p7 {
	padding:7px !important;
} 
.p10 {
	padding:10px !important;
} 
.p15 {
	padding:15px !important;
} 
.p20 {
	padding:20px !important;
} 

.pt0{
	padding-top:0 !important;
}

.pt5{
	padding-top:5px !important;
}

.pt10{
	padding-top:10px !important;
}

.pt15{
	padding-top:15px !important;
}



.pb0{
	padding-bottom:0 !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pb15 {
	padding-bottom:15px !important;
}
.pb30 {
	padding-bottom:30px !important;
}


.pr5{
	padding-right:5px !important;
}


.mt0 {
	margin-top:0 !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mt55 {
	margin-top:55px !important;
}
.mt60 {
	margin-top:60px !important;
}


.mb0 {
	margin-bottom:0 !important;
}
.mb2 {
	margin-bottom:2px !important;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb8 {
	margin-bottom:8px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb15 {
	margin-bottom:15px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb25 {
	margin-bottom:25px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}


.ml5 {
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml30 {
	margin-left:30px !important;
}
.ml40 {
	margin-left:40px !important;
}

/*
	フォントサイズ
*/
.txtM {
	font-size:93%;
}



/*
	商標とか
*/

body sup {
font-size:xx-small;
}

/*---------------------------------- end 共通部分 */

/*** 擬似クラスhover上書き ***/

body#student a.imagelink:hover,
div#sideContents a:hover,
div#sideContentsIndex a:hover,
div#wrap h1 a:hover,
div#gNavi a:hover,
div#lightbox a:hover,
div#pagetopIndex a:hover,
div#pagetopTarget a:hover,
div#pagetop a:hover,
body#products div.cmsTable table td.imageCell a:hover,
body#products p.dl-btn a:hover,
body#products ul.kousakuMenu li a:hover,
body#teacher div#main a:hover,
body#student div.hsSideNavi ul li a:hover,
body#student div.jhsSideNavi ul li a:hover,
body#senior a:hover{
background:none;
}