@charset "utf-8";

/* 共通 */

*{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	list-style-type:none;
}


html{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴシックPro W3","Hiragino Kaku Gothic Pro","Osaka","MS ゴシック",sans-serif;
	color:#666666;
	background-color:#3f3f3f;
}

body{
	width:100%;
	font-size: 75% !important;
	font-size: 80%;/* IE6*/
	line-height:1.5;
	background:url(../images/cmn/bk01.jpg) top left repeat-x #ffffff;
	}
	
img{
	border:0;
}

a{
	text-decoration:none;
	outline:none;
}

a:link{
	color:#006666;
	}

a:visited{
	color:#006666;
}

a:hover{
	color:#009999;
}

a:active{
	color:#009999;
}

.clearfix:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
} 

*:first-child+html.clearfix {/* IE 7 */
	display: inline-block;  
}  

p { text-indent:1em;}

#header{
	width:800px;
	margin:0 auto;
	}	
	
h1{
	color:#FFFFFF;
	padding:4px 20px 0 20px;
	height:17px;
	font-size:10px;
	background:url(../images/cmn/bk02.jpg) top right no-repeat;
	}
	
#logo , #logo a{
	background:url(../images/cmn/logo.jpg);
	width:213px;
	height:79px;
	text-indent:-9999px;
	display:block;
	float:left;
	}
	
#contact , #contact a{
	width:233px;
	height:79px;
	text-indent:-9999px;
	display:block;
	float:right;
	background:url(../images/cmn/contact.jpg);
	}
	
#contact a:link , #contact a:visited{
	background-position:0 0;
	}

#contact a:hover , #contact a:active{
	background-position:0 79px;
}

#globalNavi{
	clear:both;
	width:760px;
	margin:0 auto;
	padding:0 20px;
	}
	
#globalNavi li {
	height:32px;
	float:left;
	text-indent:-9999px;
	}
	
#globalNavi li a {
	display:block;
	height:32px;
	}
	
#gNav01 {
	width:29px;
	background:url(../images/cmn/gnavi.jpg) 0 0;
}

#gNav01 a:link , #gNav01 a:visited{
	background:url(../images/cmn/gnavi.jpg) 0 32px;
}

#gNav01 a:hover , #gNav01 a:focus{
	background:url(../images/cmn/gnavi.jpg) 0 0;
}

#gNav02 {
	width:202px;
	background:url(../images/cmn/gnavi.jpg) -29px 0;
}

#gNav02 a:link , #gNav02 a:visited{
	background:url(../images/cmn/gnavi.jpg) -29px 32px;
}

#gNav02 a:hover , #gNav02 a:focus{
	background:url(../images/cmn/gnavi.jpg) -29px 0;
}

#gNav03 {
	width:195px;
	background:url(../images/cmn/gnavi.jpg) -231px 0;
}

#gNav03 a:link , #gNav03 a:visited{
	background:url(../images/cmn/gnavi.jpg) -231px 32px;
}

#gNav03 a:hover , #gNav03 a:focus{
	background:url(../images/cmn/gnavi.jpg) -231px 0;
}

#gNav04 {
	width:110px;
	background:url(../images/cmn/gnavi.jpg) -426px 0;
}

#gNav04 a:link , #gNav04 a:visited{
	background:url(../images/cmn/gnavi.jpg) -426px 32px;
}

#gNav04 a:hover , #gNav04 a:focus{
	background:url(../images/cmn/gnavi.jpg) -426px 0;
}

#subMenu{
	clear:left;
	width:760px;
	margin:0 auto;
	padding:0 20px;	
	}
	
#subMenu li {
	float:left;
	color:#aaaaaa;
	padding:6px 10px 0 15px;
	display:block;
	height:22px;
	background:url(../images/cmn/sub_icon.jpg) left center no-repeat;	
	}
	
#subMenu li a {
	display:block;	
	}
	
#subMenu li a:link , #subMenu li a:visited {
	color:#ffffff;
	}
	
#subMenu li a:hover , #subMenu li a:focus {
	color:#aaaaaa;
	}
	
#breadCrumbs{
	clear:left;
	width:760px;
	margin:0 auto;
	padding:0 20px;
	font-size:10px;
	}
	
#breadCrumbs li {
	display:block;
	float:left;
	padding-top:4px;
	height:16px;
	}
	
#breadCrumbs li a{
	display:block;
	padding-right:20px;
	background:url(../images/cmn/next.gif) right top no-repeat;
	}
	
#breadCrumbs li a:link ,#breadCrumbs li a:visited {
	color:#ffffff;
	}
	
#breadCrumbs li a:hover ,#breadCrumbs li a:focus{
	color:#666666;
	}

#catchCopy{
	clear:left;
	width:800px;
	height:250px;
	margin:0 auto;
	}
	
#catchCopy h2{
	height:70px;
	margin:0 auto;
	background:url(../images/cmn/catchcopy01.jpg) ;
	text-indent:-9999px;
	}
	
#catchCopy p{
	height:180px;
	margin:0 auto;
	background:url(../images/cmn/catchcopy02.jpg) ;
	padding:0 10px 0 60px;
	font-size:110%;
	font-weight:bold;
	line-height:1.5em;
	color:#ffffff;
	text-indent:0;
	}
	
#contactTitle {
	height:100px;
	clear:left;
	width:800px;
	margin:0 auto;
	background:url(../images/cmn/contact_title.jpg) left top no-repeat;
	text-indent:-9999px;
	}
	
	
#wrapper{
	width:100%;
	background:url(../images/cmn/bk03.jpg) left top repeat-x;
	}
	
#contents{
	width:800px;
	margin:0 auto;
	background:url(../images/cmn/bk04.jpg) left top repeat-y;
	}
	
#main{
	width:540px;
	float:left;
	background:url(../images/cmn/info.jpg)  no-repeat;
	}
	


.red{
	color:#FF6600;
	}
	
#main div p , #main div dl {
	padding:0 10px 0 35px;
	}
	
#information {
	color:#ffffff;
	padding-bottom:10px;
	}
		
#information h2{
	height:80px;
	text-indent:-9999px;
	}
	
#information dl{
	line-height:1.6em;
	}
	
#information dl dt{
	float:left;
	width:6.5em;
	}
	
#information a:link ,#information a:visited {
	color:#ffffff;
	text-decoration:underline;
	}
	
#information a:hover ,#information a:focus {
	color:#cccccc;
	text-decoration:underline;
	}
	
#service{
	clear:left;
	background:url(../images/cmn/service.gif) left top no-repeat;
	height:45px;
	text-indent:-9999px;
	}
	
.links {
	margin:10px 0 0 35px;
	padding-left:16px;
	background:url(../images/cmn/service_icon.gif) left 0.1em no-repeat;
	}
	
.links a:link ,.links a:visited{
	color:#ffffff;
	}
	
.links a:hover ,.links a:focus{
	color:#cccccc;
	}
	
#serviceWeb{
	color:#ffffff;
	background:url(../images/cmn/service_web_bk.jpg) left top repeat-y;
	}
	
#serviceWeb h3{
	background:url(../images/cmn/service_web.jpg) left top no-repeat;
	height:70px;
	text-indent:-9999px;
	}
	
#serviceWeb p , #serviceDtp p , #serviceIllustration p {
	margin-bottom:1em;
}
	
#serviceDtp{
	float:left;
	width:271px;
	color:#ffffff;
	background:url(../images/cmn/service_bottom.gif) left bottom no-repeat;
	padding-bottom:10px;
}

#serviceDtp h3{
	height:80px;
	text-indent:-9999px;
	background:url(../images/cmn/service_dtp.jpg) left top no-repeat;
}

#serviceIllustration{
	color:#ffffff;
	float:left;
	width:269px;
	display:block;
	background:url(../images/cmn/service_bottom.gif) left bottom no-repeat;
	padding-bottom:10px;
}

#serviceIllustration h3{
	height:80px;
	text-indent:-9999px;
	background:url(../images/cmn/service_illustration.jpg) left top no-repeat;
}

#serviceWeb h3 a , #serviceDtp h3 a, #serviceIllustration h3 a{
	display:block;
	height:80px;
}

#partner{
	clear:left;
	width:540px;
	background:url(../images/cmn/partner.jpg) left top no-repeat;
	}
	
#partner h2{
	height:60px;
	text-indent:-9999px;
	}
	
#partner p{
	width:360px;
	}
	

	
#etc {
	clear:both;
	padding:30px 0 20px 30px;
	background:url(../images/cmn/ad.gif) left top no-repeat #ffffff;
	text-align:center;
	}
	
.banner{
	margin:0 5px 10px 5px;
	}
	
	
	
#infoL , #infoL a {
	display:block;
	width:480px;
	height:100px;
	text-indent:-9999px;
	padding:0 !important;
	margin:0;
	}
	
#infoL a:link, #infoL a:visited{
	background:url(../images/cmn/info_l.jpg) 0 0;
	}
	
#infoL a:hover, #infoL a:focus{
	background:url(../images/cmn/info_l.jpg) 0 100px;
	}
	
#side{
	width:260px;
	padding-bottom:15px;
	float:right;
	background:url(../images/cmn/bk03.jpg) left top repeat-x;
	margin-top:0;
	}

#side div {
	padding:0 40px;
	}
	
#side div h2{
	height:60px;
	text-indent:-9999px;
	}
	
#showcase {
	background:url(../images/cmn/showcase.jpg) left top no-repeat;
}

#showcase a{
	padding-left:15px;
	background:url(../images/cmn/showcase_icon.gif) left 0.1em no-repeat;
}

#showcase ul{
	padding-bottom:1em;
}
	
#rss a{
	padding:0;
	text-indent:-9999px;
	display:block;
	width:100px;
	height:20px;
	background:url(../images/cmn/rss.gif) ;
	}
	
#rss a:link ,#rss a:visited {
	background-position:0 0;
	}
	
#rss a:hover ,#rss a:focus {
	background-position:0 20px;
	}

#aboutUs {
	background:url(../images/cmn/aboutus.jpg) left top no-repeat;
	font-size:86%;
	line-height:1.6;
	padding-bottom:10px !important;
}

#others {
	display:block;
	padding-top:50px !important;
	text-align:center;
	background:url(../images/cmn/others.gif) left top no-repeat;
}
	
#footer{
	clear:both;
	width:100%;
	color:#ffffff;
	background:url(../images/cmn/bk05.jpg) left top repeat-x #3f3f3f;
	}	
	
#footerContents{
	width:760px;
	margin:0 auto;
	padding:7px 20px 0 20px;
	background:url(../images/cmn/footer_bk.jpg) right top no-repeat;
	}
	
#btTop{
	width:116px;
	margin-left:592px;
	text-indent:-9999px;
	}
	
#btTop a:link , #btTop a:visited{
	height:20px;
	display:block;
	background:url(../images/cmn/bt_top.jpg) 0 0;
	}	

#btTop a:hover , #btTop a:focus{
	height:20px;
	display:block;
	background:url(../images/cmn/bt_top.jpg) 0 20px;
	}

address{
	margin-top:30px;
	float:right;
	text-align:right;
	font-size:86%;
	font-style:normal;
	}
	
address img{
	margin :10px 0;
	}

#footerContents a:link , #footerContents a:visited{
	color:#ffffff;
}

#footerContents a:hover , #footerContents a:focus{
	color:#cccccc;
}
	
#footerContents ul{
	float:left;
	width:200px;
	margin-right:20px;
	}
	
#footerContents ul li{
	clear:left;
	}
	
#footerContents ul li ul li{
	font-size:86%;
	list-style-type:disc;
	margin-left:1.5em;
	}
	
#footerWeb{
	padding-top:20px;
	background:url(../images/cmn/footer_web.gif) left top no-repeat;
	}
	
#footerDtp{
	padding-top:30px;
	background:url(../images/cmn/footer_dtp.gif) left 10px no-repeat;
	}
	

* html #footerDtp {padding-top:15px;}	
*:first-child+html #footerDtp {padding-top:15px;}
	
#footerIllustration{
	padding-top:20px;
	background:url(../images/cmn/footer_il.gif) left top no-repeat;
	}
	
#footerContact{
	padding-top:30px;
	background:url(../images/cmn/footer_ct.gif) left 10px no-repeat;
	}
* html #footerContact {padding-top:15px;}	
*:first-child+html #footerContact {padding-top:15px;}
	
	
#footerLogo {
	display:block;
	width:183px;
	height:28px;
	text-indent:9999px;
	background:url(../images/cmn/footer_logo.gif);
	}
	
#copyRight {
	padding:20px 0 10px 0;
	clear:both;
	}
	
#test {
position:absolute;
top:0;
left:50%;
margin-left:-450px;
}