view plaincopy to clipboardprint?
@charset "utf-8";  
/*
-----------------------------------------------------------
 link
--------------------------------------------------------- */
a {color:#1b85de; text-decoration:underline;}
a:link {color:#1b85de; text-decoration:underline;}
a:hover {color:#0050a1; text-decoration:underline;}	
a:visited {color:#999999; text-decoration:underline;}
/*
-----------------------------------------------------------
 ラッパ
--------------------------------------------------------- */
/* wrapper */
#wrapper {
	padding-bottom:80px;
	width:960px;
	height:auto;
	margin:0 auto;
	background:url(img/BGwrapper.gif) left bottom no-repeat;
}
/*
-----------------------------------------------------------
 ヘッダ
--------------------------------------------------------- */
#header {
	width:960px;
	height:auto;
}
/*
-----------------------------------------------------------
 メニュー
--------------------------------------------------------- */
#menu {
	margin:0 0 20px 0;
	width:960px;
	height:50px;
	background:url(img/BGmenu.jpg) left top no-repeat;
}
#menu ul {
	padding:0 0 0 30px;
	width:900px;
	height:50px;
	}
#menu li {float:left;}
li.menu01 a{background: url(img/BTmenu01.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu02 a{background: url(img/BTmenu02.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu03 a{background: url(img/BTmenu03.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu04 a{background: url(img/BTmenu04.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu05 a{background: url(img/BTmenu05.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu06 a{background: url(img/BTmenu06.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu07 a{background: url(img/BTmenu07.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu08 a{background: url(img/BTmenu08.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu09 a{background: url(img/BTmenu09.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
li.menu10 a{background: url(img/BTmenu10.jpg) left top no-repeat; text-indent: -9999px; display: block;width: 90px; height: 50px;}
#menu li a:hover{background-position: 0 -50px;}
/*
-----------------------------------------------------------
 左コンテンツ
--------------------------------------------------------- */
#conL {
	padding:0 0 0 30px;
	width:300px;
	height:auto;
	float:left;
}
#conL .inner01 {
	margin:0 0 5px 0;
	padding:0 0 20px 0;
	width:300px;
	height:auto;
	background:url(img/BGconL.gif) left bottom no-repeat;
}
#conL .inner02 {
	margin:0 0 5px 0;
	padding:0 0 0 0;
	width:300px;
	height:auto;
}
#conL .inner01 h2 {
	margin:0 0 5px 0;
}
/* ジャンル */
.genreL,.genreR {
	width:140px;
	height:auto;
	float:left;
}
.genreL li {
	margin:0 0 0 10px;
	padding:0 0 0 15px;
}
.genreR li {
	padding:0 0 0 15px;
}
.genreL li,.genreR li {
background:url(img/icon.gif) left no-repeat;
}
/* ランキング */
.ranking {
	margin:0 0 5px 0;
	width:300px;
	height:auto;
	}
.rankingL {
	padding:0 0 0 10px;
	width:100px;
	height:auto;
	float:left;
}
.rankingL img {
	width:100%;
	height:auto;
}
.rankingR {
	padding:0 10px 0 0;
	width:170px;
	height:auto;
	float:right;
}
dl .title {
	padding:0 0 0 10px;
	width:160px;
	height:26px;
}
/* リンク */
.margin-left {
	margin-left:10px;
	width:280px;
	heght:auto;
}
ul .siteLink {
	padding:0 0 0 20px;
	background:url(img/icon.gif) left no-repeat;
}
/*
-----------------------------------------------------------
 右コンテンツ
--------------------------------------------------------- */
#conR {
	margin:0 0 0 20px;
	width:580px;
	height:auto;
	float:left;
}
.clip {
	position:relative;
	}
.clip img{
	position:absolute;
	top:0;
	left:0;
	}
.clip img {
clip: rect(0 380px 250px 0);
}
.pickUP {
	margin:0 0 20px 0;
	width:580px;
	min-height:343px;
	height:auto !important;
	height:343px;
	background:url(img/BGpickUP.gif) left bottom no-repeat;
}
#conR .inner01 {
	padding-bottom:20px;
	width:580px;
	height:auto;
}
.pickUP p {
	padding:0 0 0 12px;
	font-size:20px;
	color:yellow;
}
.pickUpL {
	padding:0 0 15px 12px;
	width:70%;
	height:auto;
	float:left;
}
.pickUpR {
	padding:0 10px 15px 0;
	width:173px;
	height:auto;
	float:right;
}
.movies {
	width:186px;
	height:auto;
	float:left;
}
.clip01 {
	margin:10px 0 0 0;
	width:186px;
	height:auto;
	}
.clip01 img {
	width:100%;
	height:auto;
}
.workBox {
	margin:0 0 10px 0;
	width:145px;
	height:auto;
	float:left;
}
.sampleL {
	width:198px;
	height:auto;
	border:#CCC solid 1px;
	float:left;
}
.sampleR {
	width:370px;
	height:auto;
	float:right;
}
/*
-----------------------------------------------------------
 その他
--------------------------------------------------------- */
.secondH2 {
	margin:10px 0 10px 0;
	font-size:25px;
	font-weight:bold;
	color:blue;
	border-bottom:solid 1px #CCC;
	line-height:1em;
}
.pan {color:#1b85de}
.size12 {font-size:12px;}
.size14 {font-size:14px;}
.bold {font-weight:bold;}
.green {color:green;} 
.red {color:red;}
.blue {color:blue;}
.lightBlue {color:#39c;}
.yellow{color:yellow;}
.bledk {color:black;}
.white {color:white;}
.iconL {background:url(img/iconL.gif) left no-repeat;padding:0 0 0 20px;}
.iconL02 {background:url(img/iconL02.gif) left no-repeat;padding:0 0 0 20px;}
.marginL11 {margin-left:11px;}
.bottom5 {padding-bottom:10px;}
.bottom20 {padding-bottom:20px;}
/*サイトマップ*/
.sitemap {
	width:290px;
	height:auto;
	float:left;
}
.icon {
	padding:0 0 0 15px;
	background:url(img/icon.gif) left no-repeat;
}
.border_top {
	padding-top:0.5em;
	border-top:dotted 1px #CCC;
}