@charset "shift-jis";

/**************************************************************************************************
BASE LAYOUT
**************************************************************************************************/

#contents{
	text-align:left;
}

#flashPane{
	width:738px;
	/* margin:0px 10px 0px 10px; */
	margin:0px 0px 0px 0px;/* flash用div 20080917変更 */
}

/* レコメンド用div 20080917追加 */
#www_top_recommend{
	width:738px;
	margin:0px 10px 0px 10px;
}

/* Flash下お知らせ広告枠div 20110310追加 */
#advPane{
	width:738px;
	margin:6px 10px 0px 10px;
}
#advPane ul{
	padding: 6px;
	background: #EEF7FF;
}
#advPane li{
	background-image:url("../image/top/icon_orange_alpha.gif");
	background-repeat:no-repeat;
	background-position:0 4px;
	padding: 0 0 0 10px;
}
#leftPane{
	float:left;
	display:inline;
	width:175px;
	margin:8px 0 0 11px;
}

#rightPane{
	float:right;
	display:inline;
	width:549px;
	margin:8px 11px 0 11px;
}

.f-bnr {
	margin-bottom: 15px;
	text-align:center;
	clear: both;
}
/**************************************************************************************************
COMMON ELEMENTS
**************************************************************************************************/
/*
h1{
	width:720px;
	margin:0px 11px 5px 11px;
	padding:5px 8px 5px 8px;
	font-size:85%;
	background-color:#F5F5F5;
}
*/
#toph1{
	background-color:#F5F5F5;
	margin:0px 11px 5px 11px;
	padding:3px 8px 3px 8px;
}
h1{
	width:540px;
	font-size:85%;
	margin-top: 7px;
	float: left;
}
#toph1 iframe{
	float: left;
	width: 140px;
}
#toph1 img{
	float: right;
}
h2{
	margin:0;
	padding:0;
	line-height:100%;
}

h3{
	margin:0;
	padding:0;
	line-height:100%;
}

p{
	margin:0;
	padding:0;
	line-height:120%;
}

img{
	border:0;
}

ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
}

/**************************************************************************************************
LEFT ELEMENTS
**************************************************************************************************/
#Phish {
	margin-bottom: 8px;
}

#eOrico,
#phishWall,
#pass,
#mobile{
	width:173px;
	margin:0 0 8px 0;
	padding:0;
	border:solid 1px #CCCCCC;
}
#eOrico{
	width:173px;
	margin:0 0 8px 0;
	padding:0;
	border:solid 1px #FFE8C1;
}
#smart{
	width:175px;
	margin:0 0 18px 0;
	padding:0;
	font-size: 80%;
	line-height: 150%;
}
#smart h3 {
	margin-bottom: 4px;
	padding: 0 5px;
}
.smp_l {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.smp_r {
	line-height: 150%;
	margin-right: 10px;
}
.smp_p {
	margin-left: 5px;
	margin-bottom: 4px;
}
#smart .wrap{
	margin-bottom: 10px;
}
#eOrico h2,
#eOrico h3,
#phishWall img,
#pass img{
	margin:1px;
}

.element{
	margin:4px;
}

#eOrico p{
	margin:0 0 2px 0;
	font-size:85%;
	/*color:#FF3C01;*/
}

#eOrico ul{
	margin:2px 0 8px 0;
}

#eOrico li{
	padding:0 0 0 8px;
	font-size:85%;
	background-image:url("../image/top/icon_orange.gif");
	background-repeat:no-repeat;
	background-position:0 4px;
}

/*  20081126 addition  */
#eOrico ul.second{
	margin:2px 0 8px 8px;
}

#eOrico ul.second li{
	font-size:80%;
	background-image:url("../image/top/icon_lightorange.gif");
	background-repeat:no-repeat;
	background-position:0 4px;
	line-height: 1.5em;
}

#eOrico p.c666{
	color:#666666;
}
/*  20081126 addition end  */

#pass p{
	font-size:85%;
}

#qr_element{
	width: 165px;
	margin: 0 0 4px 4px;
}
.bnr_element{
	width: 165px;
	margin: 0 0 4px 4px;
}
#qrcode{
	padding: 2px 0;
	background: #FFFFFF;
}
#qr{
	float:left;
	display:inline;
	width:62px;
	margin:0 6px 0 6px;
}

#qrcode p{
	float:right;
	display:inline;
	width:86px;
}

.asolabo{
	margin:0 0 8px 0;
}

.asolabo img{
	margin:0 0 4px 0;
}

.asolabo p{
	font-size:85%;
}

/* 20081118 addition */
p.red{
	color: #FF0000;
	margin-top: 3px;
}
p.asolabonews{
	background:url("../image/top/icon_orange.gif") no-repeat left center;
	padding: 0 0 0 8px;
}



/* 20080826 addition */
#three {
	margin-bottom: 10px;
}
#three li {
	line-height: 0;
	vertical-align: bottom;
	font-size: 0;
}

/* 20090113 addition */
div.clear {
	clear: both;
	height: 1px;
}
.txt_c {
	text-align: center;
	font-size:100%;
}
.col_333 {
	color: #333;
}
.col_FF3 {
	color:#FF3C01;
}
#eOrico div.qr p {
	font-size:100%;
}
.qr_2 {
	text-align: center;
	padding: 5px 0;
}

/* 20090731 addition */
div#www_top_recommend_sky {
	position: absolute;
	top: 0px;
	left: 780px;
	width: 120px;
	height: 600px;
}

/*  20091009 addition  */
#eOrico img#emono{
	margin-top:3px;
}

/*  20091117 addition  */
#phish {
	margin-bottom: 8px;
}
#eorico_element {
	width: 165px;
	margin: 4px 0 4px 4px;
	background: #FFF;
}
#eorico_element ul{
	margin:4px 0 0 8px;
}
#eorico_element ul.element_li{
	margin:0px 0 0px 0;
}
#eorico_element ul.element_li li{
	padding:0 0 0 0px;
	font-size:85%;
	background-image:url("../image/top/bg_dotorange.gif");
	background-repeat:repeat-x;
	background-position: left bottom;
}
#eorico_element ul.element_li img{
	margin: 0 0 0 0;
}
#eOrico {
	background: #FFE8C1;
}

/*-- 20100723 addition --*/
.mainte {
	background: #FFFFFF;
}
.mainte p {
	padding:0 0 0 12px;
	font-size:85%;
	background-image:url("../image/top/icon_orange.gif");
	background-repeat:no-repeat;
	background-position:4px 4px;
}

#facebook{
	margin-bottom: 8px;
	padding: 0 5px;
}
#facebook p{
	font-size: 80%;
	line-height: 150%;
	margin-bottom: 4px;
}
#facebook span{
	font-weight: bold;
	color: #FF4F13;
	margin-left: 3px;
}

/**************************************************************************************************
RIGHT ELEMENTS
**************************************************************************************************/
#second_elements{
	padding-bottom: 10px;
}
#left_elements{
	float:left;
	display:inline;
	width: 362px;	
}
#right_elements{
	float:right;
	display:inline;
	width: 176px;	
}

#campaign{
	width:549px;
	margin:0 0 15px 0;
	padding: 0 0 1px 0;
	background-image:url("../image/top/bg_title_orange.gif");
	background-repeat:repeat-x;
}

#tagCloud{
	width:176px;
	margin:0 0 16px 0;
	background-image:url("../image/top/bg_title_orange.gif");
	background-repeat:repeat-x;
}

#enjoy{
	width:550px;
	width:549px;
	width:362px;
	margin:0 0 16px 0;
	background:url("../image/top/bg_title_orange.gif") repeat-x 0px 0px;
}

#news{
	width:362px;
	margin:0 0 0 0;
	background-image:url("../image/top/bg_title_grey.gif");
	background-repeat:repeat-x;
}

#attention{
	width:176px;
	margin:0 0 0 0;
	background-image:url("../image/top/bg_title_grey.gif");
	background-repeat:repeat-x;
}

#campaign h2,
#tagCloud h2,
#news h2,
#attention h2{
	float:left;
	display:inline;
	margin:7px 12px 12px 8px;
}

#campaign p,
#tagCloud p{
	clear:both;
	font-size:85%;
	color:#666666;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
	background-image:url("../image/top/line_break.gif");
	background-repeat:repeat-x;
	background-position:bottom;
}

#campaign td{
	padding:0 0 5px 0;
	vertical-align:bottom;
	line-height:140%;
}

#campaign td.date{
	width:36px;
	padding:0 2px 5px 6px;
	color:#FF4F13;
	background-image:url("../image/top/icon_orange.gif");
	background-repeat:no-repeat;
	background-position:0 0.5em;
	vertical-align: top;
}

#campaign td img{
	margin:0 0 0 4px;
	vertical-align:bottom;
}

#campaign td span{
	padding:0 0 0 4px;
	color:#FF4F13;
	font-weight:bold;
}

.extra{
	float:right;
	display:inline;
	margin:7px 8px 0 0;
}

.extra li{
	float:left;
	display:inline;
	font-size:85%;
	margin:0 0 0 8px;
	padding:0 0 0 8px;
	background-image:url("../image/top/icon_orange.gif");
	background-repeat:no-repeat;
	background-position:0 2px;
}

.listBox{
	clear:both;
}

.listBox li{
	margin:0 0 4px 0;
	padding:0 0 0 8px;
	line-height:140%;
	background-image:url("../image/top/icon_orange.gif");
	background-repeat:no-repeat;
	background-position:0 6px;
}

.listBox li span{
	padding:0 0 0 4px;
	color:#FF4F13;
	font-weight:bold;
}

.tag span{
	/*padding:0px 6px 0px 0px;*/
	/*margin: 6px 6px 6px 0;*/
}

.tag{
	line-height: 1.5em;
	/*text-align: justify;*/
}

.tag li{
	display: inline;
	margin:0px 3px 6px 0px;
	/*margin: 6px 6px 6px 0;*/
}

.large{
	font-size:130%;
}

.normal{
	font-size:100%;
}

.small{
	font-size:85%;
}

#enjoy h2{
	padding:7px 12px 12px 8px;
}

#enjoy li{
	float:left;
	display:inline;
	width: 115px;
	padding:0 8px 0 0;
	margin-bottom: 4px;
}

#enjoy li.rightBtn{
	padding:0 0 0 0!important;
}

.pmark{
	float:right;
	display:inline;
	margin:10px 0 0 0;
}

#camp-tag {
	clear: both;
}
#campaign table {
}
#campaign_tbl {
	clear: both;
	float:left;
	display:inline;
	width:362px;
	margin:0 0 0 0;
	paddig: 0;
}
#www_top_recommend_square {
	float:right;
	display:inline;
	width:176px;
	margin:0 0 0 0;
	paddig: 0;
}
.h2_element {
	margin-bottom: 10px;
}
.top_dot {
	margin-top: 6px;
	padding-top: 6px;
	background: url("../image/top/bg_dotgray.gif") repeat-x left top;
}
#eq_info {
	margin-bottom: 10px;
	border: solid 1px #CCC;
	padding: 4px;
	text-align: center;
}
#eq_info p {
	padding-bottom: 4px;
}
#eq_info ul {
	text-align: center;
}
#eq_info li {
	display: inline;
	font-size: 90%;
	margin:0 0 4px 10px;
	padding:0 0 0 8px;
	line-height:140%;
	background-image:url("../image/top/icon_orange.gif");
	background-repeat:no-repeat;
	background-position:0 4px;
}

/**************************************************************************************************
FLASH ELEMENTS
**************************************************************************************************/

#altFlash{
	padding:10px 0 20px 0;
	overflow:auto;
}

#flashAtt{
	margin:0 0 0 0;
}

.flashMenu{
	clear:both;
	padding:16px 0 0 0;
}

.flashMenu h2{
	margin:0 0 8px 0;
	padding:0 0 0 12px;
	border-left:solid 3px #FF4C0E;
	font-size:100%;
	font-weight:bold;
}

.flashMenu ul{
}

.flashMenu p{
	margin:0 0 8px 0;
}

.flashMenu li{
	float:left;
	display:inline;
	width:148px;
	margin:0 16px 8px 0;
	padding:0 0 0 12px;
	background-image:url("../image/top/icon_orange.gif");
	background-repeat:no-repeat;
	background-position:0 5px;
}

#f_search {
	margin: 0;
	padding: 0;
}
#f_search td {
}

/**************************************************************************************************
SMTBTN ELEMENTS
**************************************************************************************************/
#smtBtn {
	background: #FFF;
	text-align: center;
}
#smtBtn img {
	margin: 10px 0;
}
#smtBtn.none{
	display: none;
}
/**************************************************************************************************
CLASS BLOCK FIX
**************************************************************************************************/
.fix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.fix {
  min-height: 1px;
}
* html .fix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/**************************************************************************************************
CSS HACK
**************************************************************************************************/

/* for WinIE6*/

* html #altPane {
	width:736px;
}

* html h1 {
	width:736px;
	width:556px;
}

* html .flashMenu li{
	width:164px;
}

* html .tag li{
	line-height: 1.4em;
}

/* for WinIE7*/

*:first-child+html #altPane { 
	width:736px;
}

*:first-child+html h1 { 
	width:736px;
	width:556px;
}

*:first-child+html .flashMenu li{
	width:164px;
}