/*

紅くれない #d7003a
桜色さくらいろ #fef4f4
杜若色かきつばたいろ #3e62ad
濡羽色ぬればいろ #000b00
翡翠色ひすいいろ #38b48b
紫黒しこく #2e2930

*/

/******* dropdown list ***********/
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu {
	color: #fef4f4;        
	font-weight:700;
	ibackground-image: url(/images/buttomad2.jpg);
	background-color: #d7003a;

}

.menu a {
	text-decoration: none;
	color: #fef4f4;
	font-weight:700;
	padding: 0.1em 1em;
	display: block;
	position: relative;
}



.menu ul li{
	/* メニューの中のサブメニューがあるとき */
	color: #d7003a;
	background: #ffffff;
}
.menu ul li a{
	/* メニューの中のサブメニューがないとき */
	color: #d7003a;
	background: #ffffff;
}


.menu ul {
	width: 11em;
}

.menu ul ul{
	width: 15em;
	text-align: left;
}

.menu a:hover, .menu li:hover>a, .menu li:hover {
	color: #d7003a;
	background-color: #fef4f4;
}

.menu li li {	/* create borders around each item */
	border: 1px solid #ccc;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}


/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/
</style>





<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/

/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */

/*
	this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
	of course, that means that it might require different styling then.
	in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
 */
.menu ul {
	visibility: visible;
	position: static;
}

.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* 1st-level submenu go below their parent item */
	top: 100%;
	left: 0;
}

.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu li li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000b00;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000b00;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{text-align:center;}
#ft{clear:both;background-color: #fef4f4; font-size: 80%; text-align: left; margin-top: 10px; word-spacing: 5px; letter-spacing: 0.1em; line-height: 1.3em}
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}
#doc2{width:73.076em;*width:71.25em;}
#doc3{margin:auto 10px;width:auto;}
#doc4{width:74.923em;*width:73.05em;}

/*
name:   cloudyDay.css
author: Pat Heard (fullahead.org)
date:   2005/04/30
*/



/* -- Site container definition -- */



body {
    font:"FranklinITCProLight","Helvetica Neue Light","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 15px;

    color: #333333;
    background-color: #FFFFFF;
}

a {
    font-weight:700;
}

a:hover  {
    color:#d7003a;
    font-weight:700;
    text-decoration:underline;

}


#siteBox {
    width: 99%;
    float: left;
}

* {padding:0;
    margin:0;
}    


/* -- Header definitions -- */    



#headerBox {
    float: left;
    width: 990px;
    border:0px;
    padding:0px;
    text-align:right;
}



/* -- Body -- */  

div.new_videos {
float:left;
width:520px; 
height:60px;
position:absolute;
top:340px;
left:30px;
}

img.new_videos {
width:80px;
height:60px;
}

div.row {
width:990px;
margin-top:5px;
}

div.box_320 {
width:320px;
float:left;
margin-top:5px;
margin-right:5px;
}

div.bg320  {
background-color:#3e62ad;
border-left:8px solid;
border-color:#d7003a; 
}

div.box_660 {
width:660px;
float:left;
margin-top:5px;
margin-left:5px;
}

div.bg660  {
border-left:8px solid;
border-color:#d7003a; 
background-color:#3e62ad;
}

div.box_435 {
width:435px;
float:left;
margin-top:5px;
margin-left:5px;
}

div.bg435  {
border-left:5px solid;
border-color:#d7003a; 
background-color:#3e62ad;
}

div.box_215 {
width:215px;
float:left;
margin-top:5px;
margin-left:10px;
}

div.bg215  {
border-left:5px solid;
border-color:#d7003a; 
background-color:#3e62ad;
}

div.box_215l {
width:215px;
float:left;
margin-top:5px;
margin-right:10px;
}

div.box_765 {
width:765px;
float:left;
margin-top:5px;
margin-left:px;
}

div.bg765  {
border-left:5px solid;
border-color:#d7003a; 
background-color:#3e62ad;
}

div.box_990 {
width:990px;
float:left;
margin-top:5px;
}

div.bg990  {
border-left:5px solid;
border-color:#d7003a; 
background-color:#3e62ad;
}

div.box {
border:#ccc 1px solid;
border-top:0px;
padding: 5px;
margin-bottom:5px;
}

div.boxnoborder  {
padding: 5px;
}

div.topic_box {
height:260px;
border:#ccc 1px solid;
border-top:0px;
padding: 5px;
margin-bottom:5px;
}

div.th1  {
border-bottom: #ccc 1px solid;
height:80px;
}

div.th2  {
width:100px; 
height:110px;
border:#ccc 1px solid;  
text-align:center;
float:left;
margin:2px;
}

div.th3  {
width:100px; 
height:140px;
border:#ccc 1px solid;  
text-align:center;
float:left;
}

div.th4  {
width:160px;
height:200px;
padding:10px;
margin:5px;
border:#ccc 1px solid;  
text-align:left;
float:left;
}

div.th5  {
width:120px;
height:120px;
padding:10px;
margin:10px 5px 0 5px;
border:#ccc 1px solid;  
text-align:center;
float:left;
font-size:0.8em;
}

div.th6  {
width:620px;
height:260px;
padding:10px;
margin:5px;
border:#ccc 1px solid; 
text-align:left;
float:left;
}

div.th6_in{
border-left: #d7003a 5px solid;
padding-left:10px;
}

div.box_320r {
width:320px;
float:left;
margin-top:5px;
margin-left:5px;
}

div.box_660l {
width:660px;
float:left;
margin-top:5px;
margin-right:5px;
}



div.box_320c  {

width:320px;
float:left;
margin-top:5px;

margin-right:5px;

margin-left:5px;
}

div.box_465  {
width:465px;
float:left;
margin:10px;
}

div.bg465  {
background-color:#3e62ad;
border-left:5px solid;
border-color:#d7003a;   
}

div.box_220  {
width:220px;
margin:5px;
float:left;
}

div.headline_box{
border-top:1px solid #d7003a;
border-bottom:1px solid #d7003a;
padding:3px 0px 3px 0px;
}

div.p_comment{
margin:10px 0;
border:#ccc 1px solid;
padding: 5px;
}

div.p_picture {
margin:0px;
padding:5ppx;
background-color:#1E1E1E;
float:left;
width:100%;
color:#ffffff;


}


div.foot_step {
border-left:5px solid;
border-bottom:1px solid;
border-color:#38b48b;
}

div.rel_1{
margin:10px;
border-bottom:1px #ccc solid;
padding:5px;
}

div.rel_2 {
padding:5px;
border-left:5px #ccc solid;
}

div.promo {
	background-image: url(/photo/jp/promo01.jpg);
	background-repeat: no-repeat;
	float: left;
	width:620px;
	height:45px;
	color:white;
	font-size:140%;
	padding: 10px 10px 10px 20px;
}

div.promo_sub {
	background-image: url(/photo/jp/promo05.jpg);
	background-repeat: no-repeat;
	height:40px;
	color:#000b00;
	font-weight:700;
	font-size:110%;
	padding: 10px 10px 10px 65px;
}



div.tab_box{
font-size:80%;
border:#ccc solid;
border-bottom:1px;
}

div.tab_button{
	cursor: pointer;
	font-stretch: semi-condensed;
}

div.tab_on {
background-color:#ffffff;
border:#ffffff 1px solid;
border-bottom:2px;
padding: 0.25em;
float:left;
margin-right:0.5em;
}


div.tab_off {
background-color:#fef4f4;
border:#ccc 0px solid;
padding: 0.25em;
float:left;
margin-right:0.5em;

}

div.tab_spacer {
background-color:#ccc;
border-top:#ccc 2px solid;
border-bottom:#ccc 1px solid;
padding: 0.25em;
height:1em;
}

div.cate {
margin:5px;
padding:10px;
border-bottom:
#ccc 1px solid
}


div.whatsin {
text-align:left;
font-size:80%;
width:200px;
float:left;
margin:5px;
}

.whatsin a {
color:#2e2930;
}

.whatsin a:visited {
color:#2e2930;
}

.whatsin a:hover, .whatsin a:active {
color: #3e62ad;
}


div.fbtw {
text-align:left;
font-size:80%;
float:left;
margin:5px;
text-decoration:none;
}

.fbtw a {
color:white;
text-decoration:none;
}

.fbtw a:visited {
color:white;
text-decoration:none;
}

.fbtw a:hover, .whatsin a:active {
color: #00FFFF;
}



tr.list {
margin-top: 8px;
font-size:110%; 
font-family:sans-serif; 
color:#777; 
text-indent:5px; 
font-weight:900; 
}


table.form {
table-layout:fixed;
border-spacing:5px;
margin:5px;
padding:10px;
border-left:5px solid #999999;
}

table.form td {
border-spacing:5px;
margin:5px;
padding:5px;
}

/* -- Mypage -- */  

span.mypage{
background-color:#F8F8F8;
padding:12px;
height:15px;
width:120px;
color:#545454;
border-right:#CCCCCC 1px solid;
float:left;font-size:110%;
text-align:center;
font-weight:700;
}

div.mypage_t{
margin-left:5px;
margin-bottom:-15px;
font-weight:700;
color:#3e62ad;
font-size:80%;
}

div.mypage_id{
margin:5px;
width:170px;
padding:5px;
float:left;
border:#ccc 1px solid;
}

div.mypage_1{
width:630px;
margin:5px;
}

div.mypage_route{
width:200px;
height:20px;
white-space:nowrap;
font-size:80%;
font-weight:700;
margin-left:10px;
}

div.mybox {
width:440px;
border:#ccc 1px solid;
padding: 5px;
margin-bottom:10px;
}

div.mybox_left {
width:450px;
float:left;
margin-left:10px;
}

div.mybox_right {
width:450px;
float:left;
margin-right:10px;
}

div.myroute{
width:70px;
text-algin:center;
background-image: url("/images/route_bg.gif");
background-repeat:repeat-y;
float:left;
}

div.mybox_spacer {
width:450px;
float:left;
height:100px;
}

div.mybox_l_spot{
position:absolute;
left:451px;
}

div.mybox_r_spot{
position: relative;
left:-70px;
float:left;
}


/* -- TEXT -- */  

h3  { 
font-size:110%; 
color:#666666; 
font-weight:700; 
padding:0; 
border-left:10px solid; 
border-bottom:2px solid; 
border-color:#38b48b; 
}

h2  { 
font-size:110%; 
font-family:sans-serif; 
color:#3e62ad; 
border-bottom:1px solid; 
border-color:#38b48b; 
text-indent:5px; 
font-weight:700; 
}

h1  { 
font-size:110%; 
font-weight:700; 
text-align:center;
color:#fff; 
padding:0; 
}

h4  { 
font-size:80%; 
font-family:sans-serif; 
color:#3e62ad; 
border-bottom:1px solid; 
border-color:#38b48b; 
text-indent:5px; 
font-weight:700; 
}

img.h5_partner{
	width: 50px;
	height: 37px;
	float:left;
	margin-bottom: 2px;
}

h5  { 
margin-top: 8px;
font-size:110%; 
font-family:sans-serif; 
color:#C60000; 
text-indent:5px; 
font-weight:900; 
}

h6  {
font-size:110%;
color:#ffffff;
font-weight:700;
font-family:sans-serif; 
background-color:#2e2930;
border-left:10px solid #d7003a;
}

h7  {
font-size:75%;
color:#999999;
font-weight:200;
}

.h7 a {
color:#0033ff;
font-weight:200;
}

p.s_t_r {
text-align:right;
font-size:80%;
margin:5px;
}

span.whatsnew {
font-family:sans-serif; 
color:#6699ff; 
font-weight:700; 
}

.whatsnew a {
font-family:sans-serif; 
color:#6699ff; 
font-weight:700; 
}

p.jp {
font-weight:500;
color:#333333;
}

p.red{
font-size:80%;
color:red;
}


/* -- Component -- */  

.buttonmenu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size:100%;
    font-weight:600;
    text-indent:3px;
}

.buttonmenu li{
    color:#666666;
    background-color: #cccccc;
}

.buttonmenu li .spacer{
    color:#000b00;
    background-color: #ffffff;
}

.buttonmenu li a{
    color: #3366FF;
    display: block;
    width: 100%;
    padding: 2px 0;
    font-weight: bold;
    border-bottom: 1px solid;
    border-color:#cccccc; /*light dark dark light*/
    background-color: #ffffff;
    text-decoration:none;
}


.buttonmenu li a:visited {
    color: #3366FF;
}

.buttonmenu li a:hover, .buttonmenu li a:active {
    color: #ffffff;
    background-color: #999999;
}

.comment_name {
    font-size: 110%; font-weight: bold;
}

.shadow {
    background: url(dshadow.jpg) right bottom;
    float: right;
   
}
.shadow img {
    position: relative;
    left: -5px;
    top: -5px;
    padding: 5px; 
    background: #ffffff; 
    border: 1px solid #999999; 
}

.shadow2 {
    background: url(dshadow.jpg) right bottom;
    float: left;
   
}
.shadow2 img {
    position: relative;
    left: -5px;
    top: -5px;
    padding: 5px; 
    background: #ffffff; 
    border: 1px solid #999999; 
}

.space_ad {
    font-size:80%;
    BORDER: #6699ff 1px solid; 
    MARGIN-TOP: 5px;
    padding:5px; 
    width:320;
}


/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000b00; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

/* search */

form#cse-search-box {
    margin: 0;
}
#search_box {
    width: 201px;
    height: 31px;
    background-image: url(/images/bg_search_box.gif);
	float:right;position:absolute;top: 68px; left:780px;
}
#search_box #q{
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border-style: hidden;
    border-width: 0;
    width: 155px;
    background: none;
    font-size: .8em;
}
#search_box #go {
    float: right;
    margin: 0 0 0 0;
}
#search_box div{
    padding: 5px 5px 5px 5px;
}


#id_lang_select_div{
	background: url(/images/lang_bg.jpg) left center repeat-x;
}
#id_lang_select_div #id_cur_lang_par img{
}
#id_lang_select_div #id_lang_icons li{
	background-color: #333333;
}
#id_lang_select_div #id_lang_icons li img{
	padding-left: 20px;
}

input.legends {
	cursor: pointer;
	margin: 2px;
	font-size: 75%;
}

.cls_video {
	cursor: pointer;
}

#video_area{
	padding-top: 3px;
}

.borderless-table {
	border: 0;
	width: 100%;
}

#feature_list{
	margin-left: 1em;
}


/* -- Add space -- */  


@media print {
.noshow {display:block !important;}
.detail_photo { float:right; position:relative; width: 320px; height: 426px; overflow: hidden; }
.noprint {display:none !important;}
}

@media only screen {
.onlyprint {display:none !important;}
.detail_photo { float:right; }
}