﻿/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Contents                                                               */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*Common++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*Header------------------------------*/

div#header{
	background:url(../images/header_bg.gif) repeat-x;
	display:inline-block;
	height:80px;
	width:1000px;
	}

div#header:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#header h1{
	float:left;
	height:76px;
	margin:5px 0 0 10px;
	width:400px;
	}

div#header h1 a{
	background:url(../images/header_logo.gif) no-repeat;
	display:block;
	height:76px;
	text-indent:-9999px;
	width:400px;
	}

div#header div#headerR{
	float:right;
	padding:45px 10px 0 0;
	text-align:right;
	width:250px;
	}

div#headerR table{
	background:#ffffff;
	border:1px solid #cccccc;
	}

div#headerR table td{
	padding:1px;
	}

div#headerR table input{
	border:0 ;
	}

div#headerR table td{
	padding:1px;
	}

div#headerR table input{
	border:0 ;
	background:#ffffff;
	}

input#WLSearchBoxInput{
	background-image:url(http://www.bing.com/siteowner/s/siteowner/searchbox_background_k.png) right no-repeat;
	width:220px;
	}

input#WLSearchBoxButton{
	height:24px;
	width:24px;
	}



/*Navi Top------------------------------*/

ul#naviTop{
	display:inline-block;
	width:1000px;
	margin-bottom:10px;
	}

ul#naviTop:after{
	clear:both;
	content:".";
	display:block;
	height:0;	
	line-height:0;
	visibility:hidden;
	}

ul#naviTop li{
	float:left;
	height:39px;
	outline:none;
	position:relative;
	}

#naviTop01 ul{
	height:120px;
	margin-top: -147px;
	}

#naviTop01 li,#naviTop01 li a{
	height:30px !important;
	}

ul#naviTop li a,ul#naviTop li span{
	display:block;
	height:39px;
	outline:none;
	text-indent:-9999px;
	}

li#naviTop01 a{width:167px;background:url(../images/navi.gif) no-repeat 0 0;}
li#naviTop02 a{width:167px;background:url(../images/navi.gif) no-repeat -167px 0;}
li#naviTop03 a{width:167px;background:url(../images/navi.gif) no-repeat -334px 0;}
li#naviTop04 a{width:167px;background:url(../images/navi.gif) no-repeat -501px 0;}
li#naviTop05 a{width:166px;background:url(../images/navi.gif) no-repeat -668px 0;}
li#naviTop06 a{width:166px;background:url(../images/navi.gif) no-repeat -834px 0;}

li#naviTop01 a:hover,li#naviTop01 span{width:167px;background:url(../images/navi.gif) no-repeat 0 -39px;}
li#naviTop02 a:hover,li#naviTop02 span{width:167px;background:url(../images/navi.gif) no-repeat -167px -39px;}
li#naviTop03 a:hover,li#naviTop03 span{width:167px;background:url(../images/navi.gif) no-repeat -334px -39px;}
li#naviTop04 a:hover,li#naviTop04 span{width:167px;background:url(../images/navi.gif) no-repeat -501px -39px;}
li#naviTop05 a:hover,li#naviTop05 span{width:166px;background:url(../images/navi.gif) no-repeat -668px -39px;}
li#naviTop06 a:hover,li#naviTop06 span{width:166px;background:url(../images/navi.gif) no-repeat -834px -39px;}

	
.pullDown,.pullDown2,.pullDown3{
	z-index: 2;
	position: absolute;
	/*top:-3px;*/
	margin-top: -5px;
	/*height:156px;*/
	overflow: hidden;
	display: none;
	width:166px !important;
}

.pullDown li a,.pullDown2 li a,.pullDown3 li a{
	width:146px !important;
	background:none !important;
	padding:10px;
	text-indent:0 !important;
	text-align:left;
	height:15px !important;
	text-decoration:none;
	}

.pullDown li,.pullDown2 li,.pullDown3 li{
	margin-bottom:0;
	height:35px !important;
	background:#f7f7f7;
	border-bottom:1px solid #e6e5e5;
	border-left:1px solid #e6e5e5;
	border-right:1px solid #e6e5e5;
	width:164px !important;
	}


dl#subNavi{
	display:inline-block;
	font-size:110%;
	line-height:150%;
	margin-bottom:10px;
	width:1000px;
	}

dl#subNavi:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

dl#subNavi dt{
	float:left;
	font-weight:bold;
	margin-left:15px;
	}

dl#subNavi dd{
	float:right;
	width:800px;
	}

dt#subNaviS{
	background:url(../images/icn_service.gif) left center no-repeat;
	padding-left:30px;
	width:100px;
	}

/*Contents------------------------------*/

#contents{
	padding:10px 25px 20px 25px;
	}

div.column {
	display:inline-block;
	margin-top:20px;
	width:950px;
	}

div.column:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div.column p{
	margin-bottom:15px;
	}

img.imgFR{
	float:right;
	margin:0 0 20px 20px;
	}

img.imgFL{
	float:left;
	margin:0 20px 20px 0;
	}

#contents h3.cmnTtl{
	background:url(../images/icn_ttl.gif) 5px center no-repeat;
	border-bottom:2px solid #999999;
	display:block;
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
	padding:10px 0 10px 40px;
	}

div.BoxG {
	background:url(../images/box_g_bg.gif) repeat-y;
	display:inline-block;
	width:950px;
	}

div.BoxG:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

h4.TtlEx{
	background:url(../images/icn_ex_g.gif) 10px center no-repeat;
	border-bottom: 1px solid #999999;
	font-size:120%;
	font-weight:bold;
	padding:10px 5px 10px 40px;
	}

h4.TtlPri{
	background:url(../images/icn_pri_g.gif) 10px center no-repeat;
	border-bottom: 1px solid #999999;
	font-size:120%;
	font-weight:bold;
	padding:10px 5px 10px 50px;
	}



/*Anchor------------------------------*/

div#anchor{
	display:inline-block;
	width:1000px;
	}

div#anchor:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#anchor a{
	background:url(../images/page_top.gif) top no-repeat;
	display:block;
	float:right;
	height:23px;
	margin:20px 10px 10px 0;
	text-indent:-9999px;
	width:136px;
	}

div#anchor a:hover{
	background:url(../images/page_top.gif) bottom no-repeat;
	}


/*Footer------------------------------*/

#footer{
	display:inline-block;
	width:950px;
	padding:0 25px 15px 25px;
	text-align:left;
	}

div#footer:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#footer div#footerL{
	float:left;
	font-size:80%;
	line-height:150%;
	width:565px;
	}

div#footer address{
	margin-top:0.5em;
	}

div#footer h2{
	background:url(../images/footer_logo.gif) no-repeat right center;
	display:block;
	float:right;
	height:45px;
	text-indent:-9999px;
	width:300px;
	}


/*Footer Navi------------------------------*/

ol#ftPan{
	border-bottom:1px solid #CCCCCC;
	display:inline-block;
	margin:0 15px 15px 15px;
	padding-bottom:10px;
	width:970px;
	}

ol#ftPan:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

ol#ftPan li{
	float:left;
	margin:0 10px 0 0;
	text-align:left;
	}

ol#ftPan li a{
	background:url(../images/navi_arw.gif) right center no-repeat;
	padding-right:20px;
	}

li#icnHome{
	background:url(../images/icn_home.gif) left center no-repeat;
	padding-left:35px;
	}

li#icnSer{
	background:url(../images/icn_service.gif) left center no-repeat;
	padding-left:25px;
	}

div#ftMenu{
	border-bottom:1px solid #CCCCCC;
	display:inline-block;
	margin-bottom:20px;
	padding:0 25px 15px 25px;
	width:950px;
	}

div#ftMenu:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#ftMenu ul{
	display:block;
	float:left;
	margin-right:10px;
	width:180px;
	}

div#ftMenu ul li.ftMenuTi{
	font-weight:bold;
	font-size:100%;
	}

div#ftMenu ul li{
	font-size:80%;
	line-height:150%;
	margin-bottom:5px;
	}

/*Home++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#homeMain{
	width:290px;
	background:url(../../images/main.jpg) no-repeat 0 0;
	overflow: hidden;
	display:block;
	width:1000px;
	height:285px;
	}

#homeMain h2{
	display:block;
	float:right;
	width:268px;
	margin:10px 22px 0 0;
	}


#mainLink{
	display:block;
	width:710px;
	height:297px;
	float:left;
	cursor:default;
	}
	
	
/*Box------------------------------*/

div#homeBox{
	display:inline-block;
	float:left;
	width:950px;
	}
	
div#homeBox:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#homeBox div#homeBoxL{
	float:left;
	width:650px;
	}

div#homeBox div#homeBoxR{
	float:right;
	margin-left:30px;
	width:270px;
	}

/*Left Box--------------*/

div#homeSemi{
	background:url(../../images/seminar_bg.gif) repeat-y;
	margin-bottom:20px;
	width:650px;
	}

div#homeSemi h3{
	background:url(../../images/seminar_ttl.gif) no-repeat;
	height:37px;
	text-indent:-9999px;
	width:650px;
	}

div#homeSemi div{
	display:inline-block;
	padding:15px 15px 0 15px;
	width:620px;
	}

div#homeSemi div:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#homeSemi p{
	float:left;
	margin-right:20px;
	width:350px;
	}

div#homeSemi a{
	background:url(../../images/seminar_btn.gif) top no-repeat;
	float:right;
	text-indent:-9999px;
	height:42px;
	width:240px;
	}

div#homeSemi a:hover{
	background:url(../../images/seminar_btn.gif) bottom no-repeat;
	}


/*Under Box---*/

div#homeBox2{
	display:inline-block;
	float:left;
	margin-bottom:15px;
	width:650px;
	}
	
div#homeBox2:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#homeBox2 div#homeBox2L{
	float:left;
	width:315px;
	}

div#homeBox2 div#homeBox2R{
	float:right;
	margin-left:20px;
	width:315px;
	}

div#homeBox2L h3{
 background:url(../../images/new_ttl.gif) no-repeat;
 height:37px;
 width:315px;
 }

div#homeBox2L h3:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 line-height:0;
 visibility:hidden;
 }

div#homeBox2L h3 a{
 display:block;
 float:right;
 height:37px;
 text-indent:-9999px;
 width:30px;
 }

div#homeBox2L ul li{
	display:block;
	background:url(../images/icn_arw.gif) no-repeat 5px 1em ;
	border-bottom:1px dotted #cccccc;
	padding:5px 5px 5px 25px;
	}

div#homeBox2R h3{
	background:url(../../images/pick_ttl.gif) no-repeat;
	height:37px;
	text-indent:-9999px;
	width:315px;
	}

div#homeBox2R dl{
	display:inline-block;
	padding:0;
	width:315px;
	}
	
div#homeBox2R dl:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#homeBox2R dt{
	border-bottom:1px dotted #cccccc;
	display:block;
	float:left;
	padding:5px 0 5px 5px;
	width:70px;
	}

div#homeBox2R dd{
	border-bottom:1px dotted #cccccc;
	display:block;
	float:right;
	padding:5px 5px 5px 15px;
	width:220px;
	}

div#homeBox2R dd a{
	background:url(../images/icn_arw.gif) no-repeat left center ;
	display:block;
	padding:5px 5px 5px 18px;
	}


div#homeBox3{
	display:inline-block;
	float:left;
	padding-bottom:30px;
	width:650px;
	}

div#homeBox3:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#homeBox3 a#btnBlog01{
	background:url(../../images/blog01_btn.gif) top no-repeat;
	display:block;
	float:left;
	height:76px;
	text-indent:-9999px;
	width:315px;
	}

div#homeBox3 a#btnBlog01:hover{
	background:url(../../images/blog01_btn.gif) bottom no-repeat;
	}

div#homeBox3 a#btnBlog02{
	background:url(../../images/blog02_btn.gif) top no-repeat;
	display:block;
	float:right;
	height:76px;
	text-indent:-9999px;
	margin-left:20px;
	width:315px;
	}

div#homeBox3 a#btnBlog02:hover{
	background:url(../../images/blog02_btn.gif) bottom no-repeat;
	}

div#homeBox3 a#btnBlog03{
	background:url(../../images/blog01_btn_s.gif) top no-repeat;
	display:block;
	float:left;
	height:38px;
	text-indent:-9999px;
	width:158px;
	}

div#homeBox3 a#btnBlog03:hover{
	background:url(../../images/blog01_btn_s.gif) bottom no-repeat;
	}


div#homeBox3 a#btnBlog04{
	background:url(../../images/blog02_btn_s.gif) top no-repeat;
	display:block;
	float:left;
	height:38px;
	text-indent:-9999px;
	width:158px;
	}

div#homeBox3 a#btnBlog04:hover{
	background:url(../../images/blog02_btn_s.gif) bottom no-repeat;
	}


/*Right Box--------------*/

div#homeCase{
	background:url(../../images/case_bg.gif) repeat-y;
	margin-bottom:20px;
	width:270px;
	}

div#homeCase h3{
	background:url(../../images/case_ttl.gif) no-repeat;
	height:37px;
	text-indent:-9999px;
	width:270px;
	}

div#homeCase ul{
	margin:10px;
	}

div#homeCase ul li{
	background:url(../images/icn_arw_g.gif) no-repeat center left;
	border-bottom:1px dotted #cccccc;
	padding:5px 5px 5px 18px;
	}


div#homeTwi{
	background:url(../../images/twi_bg.gif) repeat-y;
	font-size:80%;
	line-height:150%;
	margin-bottom:30px;
	width:270px;
	}

div#homeTwi h4{
	background:url(../../images/twi_ttl.gif) no-repeat;
	height:37px;
	text-indent:-9999px;
	width:270px;
	}

div#homeTwi ul{
	margin:10px;
	}

div#homeTwi ul li{
	border-bottom:1px dotted #cccccc;
	padding:5px;
	display:block;
	word-break:break-all;
	}
	
	
/*Popup++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*Base------------------------------*/

#wrapperP {
	background:url(../../press/images/pop_cont_bg02.gif) repeat-y center;
	margin:0 auto;
	text-align:center;
	width:680px;
	}


#wrapperP2 {
	background:url(../../press/images/pop_cont_bg01.gif) top no-repeat;
	text-align:left;
	margin:0 auto;
	padding:0 5px;
	width:670px;
	}
	
div#headerP{
	background:url(../../press/images/pop_header_bg.gif) repeat-x;
	display:inline-block;
	height:80px;
	width:670px;
	}

div#headerP h1{
	background:url(../../press/images/pop_header_logo.gif) no-repeat;
	height:80px;
	text-indent:-9999px;
	width:350px;
	}

/*Footer------------------------------*/

#footerP{
	display:inline-block;
	width:620px;
	padding:0 25px 15px 25px;
	}

div#footerP:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

div#footerP address{
	float:left;
	font-size:70%;
	line-height:150%;
	padding-top:10px;
	width:320px;
	}

div#footerP h2{
	background:url(../images/footer_logo.gif) no-repeat right center;
	display:block;
	float:right;
	height:45px;
	text-indent:-9999px;
	width:300px;
	}

/*Contents------------------------------*/

#contentsP{
	color:#666666;
	font-size:75%;
	line-height:150%;
	padding:30px 25px 20px 25px;
	}

#contentsP h3{
	font-size:140%;
	font-weight:bold;
	line-height:150%;
	margin-bottom:40px;
	text-align:center;
	}

#contentsP dl{
	display:inline-block;
	list-style:none;
	margin-top:50px;
	width:640px;
	}

#contentsP dl:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	}

#contentsP dt{
	float:left;
	font-weight:bold;
	list-style:none;
	width:80px;
	}

#contentsP dd{
	float:right;
	width:560px;
	}

a#btnClose{
	background:url(../../press/images/btn_close.gif) top no-repeat;
	display:block;
	height:30px;
	margin:50px auto 0 auto;
	text-indent:-9999px;
	width:155px;
	}

a#btnClose:over{
	background:url(../../press/images/btn_close.gif) bottom no-repeat;
	height:30px;
	text-indent:-9999px;
	width:155px;
	}



/*Service++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

h2#serTtl{
	background:url(../../services/images/ttl.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

h2#serTtlM{
	background:url(../../services/marketing/images/ttl.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}


h2#serTtlItproduce{
	background:url(../../services/itproduce/images/ttl.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

h2#serTtlMarketing{
	background:url(../../services/marketing/images/ttl.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

h2#serTtlMoss{
	background:url(../../services/moss/images/ttl.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}


/*About++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*h2#abtTtl{
	background:url(../../about/images/ttl.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}


h2#abtTtlC{
	background:url(../../about/images/ttl_contact.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

h2#abtTtlIn{
	background:url(../../about/images/ttl_info.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

h2#abtTtlMn{
	background:url(../../about/images/ttl_management.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

h2#abtTtlMp{
	background:url(../../about/images/ttl_map.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}
*/

/*Event++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
h2#eveTtl{
	background:url(../../event/images/ttl.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

h2#eveTtlP{
	background:url(../../event/images/ttl_past.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

h2#eveTtlD{
	background:url(../../event/images/ttl_detail.jpg) no-repeat;
	height:190px;
	text-indent:-9999px;
	width:1000px;
	}

