@charset "euc-jp";

/*-------------------------------------------------------------------
DEF CSS
-------------------------------------------------------------------*/
address,caption,cite,code,dfn,em,th,var { 
font-style: normal; 
font-weight: normal; 
}
fieldset,img {
	border: 0;
}
a:link     { color: #01A7B6; text-decoration: none; }
a:visited  { color: #01A7B6; text-decoration: none; }
a:hover    { color: #FE9500; text-decoration: underline; }
a:active   { color: #FE7E00; text-decoration: none; }

.clear {
	margin:0px;
	padding:0px;
	clear:both;
}

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td {  
	margin: 0; 
	padding: 0;
	color: #000000;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6,p {
	font-size: 100%;
	line-height: 16pt;
}

body{
	background: url(../images/r_bg.jpg) ;

}

.main{
	width:1000px;
	text-align:left;
	background-color: #FFFFFF;
	padding-bottom:10px;
	}
	
.all{
	width:1000px;
	background-color: #FFFFFF;
	
}


.wap{
	background: url(../images/bg_line.png) repeat;
	width:1000px;
	padding:0px 25px 0px 25px;
}

h1{
	text-align:left;
	font-size:12px;
	color: #FD004D;
	font-weight: normal;
}

.menu{
	margin-top:10px;
	text-align:center;
}

.header{
	background: url(../images/r_header.jpg);
	height:350px;
	width:1000px;
	margin-bottom:5px;
}

.footer{
	//background-color: #272727;
	width:1000px;
	text-align:center;
}

.f_menu{
	background-color: #6A6969;
}

.f_menu a:link		{ color: #FFFFFF; text-decoration: underline }
.f_menu a:visited	{ color: #FFFFFF }
.f_menu a:hover		{ color: #FFFFFF; text-decoration: none }
.f_menu a:active	{ color: #FFFFFF; text-decoration: none }

.left_area{
	float:left;
	width:200px;
	margin-right:10px;
	//background-color: #000000;
	//height:1000px;
}

.main_area{
	float:left;
	width:790px;
	//background-color: #000000;
}


.pop_box{
	background: url(./images/pop_bg.png);
	height:244px;
	width:780px;
	padding-top:70px;
	margin-bottom:10px;
}

/*-------------------------------------------------------------------
OTHER CSS
-------------------------------------------------------------------*/

.r_left_bg{
background-color:#DCDCDC;
width:200px;
padding:10px 0px 30px 0px;
}


/*-------------------------------------------------------------------
引用 CSS
-------------------------------------------------------------------*/
div.bar_rec1{
background-image:url(../images//bar_sub_r.gif);
height:25px;
margin:5px 0 0 0px;
background-repeat:no-repeat;
clear:both;
}
div.bar_rec1 h4{
margin:0 0 0 20px;
line-height:1.6;
}
div.box_rec1{
padding: 15px 0 15px 7px;
border-bottom:1px dashed #4F0303;
margin:0 0 0;
}
div.box_rec1 h5{
font-weight:bold;
color:#CC9966;
margin:0 0 4px 0;
}
div.box_rec1 p{
margin:0 0 0 10px;
line-height:1.7;
}
div.box_rec2{
margin:10px 0 2px 0px;
padding:15px;
border:1px dotted #4F0303;
background-image:url(../images//bar_list.gif);
}
div.box_rec2 p{
line-height:1.7;
}

div.meritto{
border:1px solid gray;
float:left;
height:160px;
margin-top:10px;
margin-right:5px;
padding:5px;
width:210px;
}
div.meritto p{
font-size:12px;
line-height:1.3;
}
div.meritto img{
float:left;
margin-right:3px;
}
div.meritto p.mritto_title{
margin:0px 0px 4px 0;
background-color:#8FB9F9;
}

.q_a {margin: 0px; padding: 20px 0px 0px 0px;}
.q_a_title {margin: 5px 0px 5px 0px; padding: 0px; font-size: 14px; font-weight: bold; border-bottom: 1px solid black;  background: url(../images//q_a_title.gif) repeat-x;}
.qu {margin: 0px 0px 0px 0px; padding: 0px; font-weight: bold; border-bottom: #3A76C6 1px solid; width:700px; color: #3A76C6;}
.an {margin: 5px 0px 20px 20px; padding: 0px; }

.qa_top_txt {margin:0px; width:400px; font-size:14px;line-height:100%;}
.top_txt2 {margin: 0px 0px 20px 0px; margin: 40px 60px 0px 20px; }
.top_txt_back2 {margin: 0px 0px 0px 0px; padding: 1px; width: 701px; height: 150px; background: url(../images//qa.jpg) no-repeat;}

/*--------------------------------------
          引用    left_column
--------------------------------------*/
#left_column {
width: 205px;
float: left;
display: inline;
text-align:center;
padding-left:15px;
}
/*--------------------------------------
         引用     right_column
--------------------------------------*/
#main_column {
width: 760px;
float: left;
margin-left: 4px;
margin-left:10px;
}

table {
width: 100%;
}

/*---------------
  引用  r.html
-----------------*/

table th {
width: 20%;
border: 1px solid #555;
padding: 4px;
text-align: center;
background-color: #DCDCDC;
color: #555;
}

table td {
width: 80%;
border: 1px solid #555;
padding: 4px;
}


.qa_box {
float: left;
height: 250px;
margin-left: 15px;
width: 335px;
}




/*-------------------------------------------------------------------
lightbox
-------------------------------------------------------------------*/
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(../js/lightbox/img/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(../js/lightbox/img/overlay.png);
}
	* html #lightboxOverallView,
	* html #overlay {
	background-color: #000;
	background-image: url(../js/lightbox/img/blank.gif);
	filter: Alpha(opacity=50);
}


/*-------------------------------------------------------------------
Js
-------------------------------------------------------------------*/
focus {
	outline:none;
}
#featured{ 
	width:600px; height:230px;
	//padding-top:300px;
	position:relative;
	border:5px solid #ccc;
	line-height:1;
	//background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute;
	top:0; 
	left:600px;
	list-style:none;
	margin:0;
	padding:0;
	// width:300px;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0 1px 13px;
	font-size:12px;
	color:#666;
}
#featured ul.ui-tabs-nav li img{ 
	width:149px; height:57px;
	float:left;
	margin:2px 5px; padding:2px;
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px;
	line-height:18px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block;
	height:70px;
	color:#333;
	//background:#fff;
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
}
#featured li.ui-tabs-selected{ 
	background:url('img/ajax/featured_content_slider/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc;
}
#featured .ui-tabs-panel{ 
	width:400px; height:300px;
	//background:#999;
	position:relative;
}
#featured .ui-tabs-panel img {
	width:600px; height:230px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute;
	bottom:0; left:0;
	height:100px;
	background: url('img/ajax/featured_content_slider/transparent-bg.png');
}
#featured .info h2{ 
	font-size:13px;
	margin:10px;
	color:#fff;
	overflow:hidden;
}
#featured .info p{
	margin:10px;
	font-size:11px;
	line-height:15px;
	color:#f0f0f0;
}
#featured .info a{
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover{
	text-decoration:underline;
}
#featured .ui-tabs-hide{
	display:none;
}

.r_c_box	{
	background: url('../images/mes.jpg') no-repeat;
	width:530px;
	height:295px;
	padding:55px 0px 0px 220px;
	}