@charset "UTF-8";

@import url("reset-fonts.css");


/* ------------------------------------------------------
   Ticker
------------------------------------------------------ */

h1{
	display:block;
	width:100%;
	height:73px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ticker.jpg) left top repeat-x;	
}

#main{
	width:730px;
	margin:73px auto 0;
	font-size:77%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333333;
}

#main p{
	font-size:120%;
	line-height:1.5;
}

/* ------------------------------------------------------
   Header / VideoArea
------------------------------------------------------ */

#main ul#header{
	width:243px;
	margin:0 auto;
	line-height:0;
}

#main ul#header li#country{
	margin-bottom:8px;
}

#main ul#header li#client{
	margin-bottom:13px;
}

#main #category{
	margin-top:72px;
	text-align:center;
}

#main #category p{
	display:inline;
}

#main #video{
	margin-top:72px;
	text-align:center;
}

#main #video h2{
	display:inline;
	line-height:1;
}

#main #video p#watch,
#main #video p#download{
	margin-top:18px;
}

#main #video p#watch a{
	display:block;
	width:296px;
	height:205px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/img_btn_watch.gif) left top no-repeat;
}

#main #video p#watch a:hover{
	background-position:0 -205px;
}

#main #video p#download a{
	display:block;
	width:296px;
	height:27px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/img_btn_download.gif) left top no-repeat;
}

#main #video p#download a:hover{
	background-position:0 -27px;
}

/* ------------------------------------------------------
   Description
------------------------------------------------------ */

#main #description{
	margin:72px 0 0 0;
}

#main #description .en{
	/*text-align:justify;*/
	font-family:Arial, Helvetica, sans-serif;
}

#main #description p,
#main #description ul{
	padding-left:17px;
}

#main #description p.mt{
	margin-top:20px;
}

#main #description p.en{
		
}

#main #description h3{
	line-height:1;
	margin-bottom:17px;
}

#main #description .leftCol{
	float:left;
}

#main #description .rightCol{
	float:right;
}

#main #description .col1{
	margin-bottom:33px;
}

#main #description .subCol{
	width:345px;
}

#main #description .col2 ul li{
	line-height:2;
	font-size:120%;
	text-indent:-1em;
	padding-left:1em;
}

#main #description .col2 ul.en li{
	line-height:1.5;
	margin-bottom:12px;
	text-indent:0;
	padding-left:0;
}

#main #description .col2 ul.en li#last{
	margin-bottom:0;
}

/* ------------------------------------------------------
   Website thumbnail
------------------------------------------------------ */


#main #website{
	margin-top:66px;
}

#main #website h3{	
	line-height:1;
	margin-bottom:18px;
}

#main #website h3#blogTitle{
	margin-bottom:36px;
}

#main #website ul li{
}

#main #website ul li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#main #website #webCol1{
	margin-bottom:72px;
}

#main #website #webCol1 ul{
	margin-left:50px;
}

#main #website #webCol1 ul li{
	float:left;
}

#main #website #webCol1 ul li a{
	width:296px;
	height:207px;
}

#main #website #webCol1 ul li a:hover{
	background-position:0 -207px !important;
}

#main #website #webCol1 ul li#v1_1 a{
	margin-right:40px;
	background:url(../images/img_btn_v1_1.jpg) left top no-repeat;
}

#main #website #webCol1 ul li#v1_2 a{
	background:url(../images/img_btn_v1_2.jpg) left top no-repeat;
}


#main #website #webCol1 ul#widgetArea{
	margin-left:17px;
}

#main #website #webCol1 ul#widgetArea li.title{
	margin-right:16px;
}

#main #website #webCol1 ul#widgetArea li#blogparts span{
	display:block;
	width:218px;
}

#main #website #webCol1 ul#widgetArea li#march a{
	width:296px;
	height:205px;
	background:url(../images/img_btn_v1_2_2.jpg) left top no-repeat;
}

#main #website #webCol1 ul#widgetArea li#march a:hover{
	background-position:0 -205px !important;
}

#main #website #webCol2{
}

#main #website #webCol2 .subCol{
	width:138px;
	margin-right:10px;
	float:left;
}

#main #website #webCol2 .lastCol{
	margin-right:0;
}

#main #website #webCol2 .subCol p{
}


#main #website #webCol2 .subCol p.title{
	padding-top:8px;
	line-height:1;
}

#main #website #webCol2 .subCol p a{
	display:block;
	width:138px;
	height:87px;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

#main #website #webCol2 .subCol p a:hover{
	background-position:0 -87px !important;
}

#main #website #webCol2 .subCol p#v2_1 a{
	background:url(../images/img_btn_v2_1.gif) left top no-repeat;
}

#main #website #webCol2 .subCol p#v2_2 a{
	background:url(../images/img_btn_v2_2.gif) left top no-repeat;
}

#main #website #webCol2 .subCol p#v2_3 a{
	background:url(../images/img_btn_v2_3.gif) left top no-repeat;
}

#main #website #webCol2 .subCol p#v2_4 a{
	background:url(../images/img_btn_v2_4.gif) left top no-repeat;
}

#main #website #webCol2 .subCol p#v2_5 a{
	background:url(../images/img_btn_v2_5.gif) left top no-repeat;
}


#main #website #webCol3{
	margin-top:72px;
}

#main #website #webCol3 .colList{
	margin-bottom:20px;
}

#main #website #webCol3 .subCol{
	width:175px;
	float:left;
	margin-right:10px;
}

#main #website #webCol3 .lastCol{
	margin-right:0;
}

#main #website #webCol3 .subCol p.title{
	padding-top:8px;
	line-height:1;
}

#main #website #webCol3 .subCol p a{
	display:block;
	width:175px;
	height:109px;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

#main #website #webCol3 .subCol p a:hover{
	background-position:0 -109px !important;
}

#main #website #webCol3 .subCol p#v3_1 a{
	background:url(../images/img_btn_v3_1.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_2 a{
	background:url(../images/img_btn_v3_2.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_3 a{
	background:url(../images/img_btn_v3_3.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_4 a{
	background:url(../images/img_btn_v3_4.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_5 a{
	background:url(../images/img_btn_v3_5.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_6 a{
	background:url(../images/img_btn_v3_6.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_7 a{
	background:url(../images/img_btn_v3_7.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_8 a{
	background:url(../images/img_btn_v3_8.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_9 a{
	background:url(../images/img_btn_v3_9.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_10 a{
	background:url(../images/img_btn_v3_10.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_11 a{
	background:url(../images/img_btn_v3_11.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_12 a{
	background:url(../images/img_btn_v3_12.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#v3_13 a{
	background:url(../images/img_btn_v3_13.gif) left top no-repeat;
}



#main #website #webCol3 .subCol p#blo1 a{
	background:url(../images/img_btn_blo1.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#blo2 a{
	background:url(../images/img_btn_blo2.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#blo3 a{
	background:url(../images/img_btn_blo3.gif) left top no-repeat;
}

#main #website #webCol3 .subCol p#blo4 a{
	background:url(../images/img_btn_blo4.gif) left top no-repeat;
}

#main #website #webCol3 #bloList2 p a{
	width:175px;
	height:124px;
}

#main #website #webCol3 #bloList2 p a:hover{
	background-position:0 -124px !important;
}

#main #website #webCol3 #bloList2 p#blo5 a{
	background:url(../images/img_btn_blo5.gif) left top no-repeat;
}

#main #website #webCol3 #bloList2 p#blo6 a{
	background:url(../images/img_btn_blo6.gif) left top no-repeat;
}

#main #website #webCol3 #bloList2 p#blo7 a{
	background:url(../images/img_btn_blo7.gif) left top no-repeat;
}

#main #website #webCol3 #bloList2 p#blo8 a{
	background:url(../images/img_btn_blo8.gif) left top no-repeat;
}


#main #website #webCol4{
	margin:70px 0 300px 0;
	padding-left:50px;
}

#main #website #webCol4 .subCol{
	width:296px;
	float:left;
	margin-right:40px;
}

#main #website #webCol4 .subCol p.title{
	padding-top:8px;
}

#main #website #webCol4 .subCol p a{
	display:block;
	width:296px;
	height:188px;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

#main #website #webCol4 .subCol p a:hover{
	background-position:0 -188px !important;
}

#main #website #webCol4 .subCol p#v4_1 a{
	background:url(../images/img_btn_v4_1.jpg) left top no-repeat;
}

#main #website #webCol4 .subCol p#v4_2 a{
	background:url(../images/img_btn_v4_2.jpg) left top no-repeat;
}

/* ------------------------------------------------------
   video page
------------------------------------------------------ */

#videoPreview{
	width:640px;
	margin: 80px auto 0;
	font-size:77%;
	color:#333333;
}

#videoArea{
	text-align:center;
}

#videoFooter{
	margin:20px 0 70px 0;
}


#videoFooter ul li{
	display:block;
	height:27px;
}

#videoFooter ul li#account{
	float:left;
}

#videoFooter ul li#back{
	float:right;
}

#videoFooter ul li#back a{
	display:block;
	width:248px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/img_btn_back.gif) left top no-repeat;
}

#videoFooter ul li#back a:hover{
	background-position:0 -27px;
}

#videoFooter ul li#close{
	float:center;
}

#videoFooter ul li#close a{
	display:block;
	margin:0 auto;
	width:248px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/img_btn_close.gif) left top no-repeat;
}

#videoFooter ul li#close a:hover{
	background-position:0 -27px;
}


/* ------------------------------------------------------
   clearfix
------------------------------------------------------ */

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

.clearfix{
	zoom:1;
}