/* CSS import Document */
@import "reset.css";
@import "sub_menu.css";
@import "g_navi.css";

body{
	padding:6px 0 0 0;
	margin:0;
	text-align: center; /* center on ie */
    width: 100%;
	}
#body_box{
	text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 960px;
	}
#container{
	background:url(/img/ind_bg1.gif) repeat-y;
	padding:0px 5px 0px 5px;
	margin:0px;
	width:960px;
	}
* html #container{
	background:url(/img/ind_bg1.gif) repeat-y;
	padding:0 5px 0 5px;
	margin:0;
	width:970px;
	}
#flash_navi{
	padding:0;
	margin:0;
	width:960px;
	}

#flashcontent{
	font-size:0;
	line-height:0;
	vertical-align:top;
	}

#contents_box{
	padding:20px 10px 0px 10px;
	margin:0;
	width:940px;
	background:#fff;
	}
* html #contents_box{
	padding:20px 10px 0px 10px;
	margin:0;
	width:960px;
	background:#fff;
	}
h2.title{
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	}

h3{	padding:0; margin:0;	}

/*CONTENTS LEFT*/
#contents_left{
	float:left;
	width:730px;
	padding:0 20px 0 0;
	margin:0;
	}
* html #contents_left{
	float:left;
	width:750px;
	padding:0 20px 0 0;
	margin:0;
	}
.spb20{ padding:0; margin-bottom:20px;	}


/*CONTENTS RIGHT*/
#contents_right{
	float:right;
	width:190px;
	padding:0;
	margin:0;
	}
#contents_right ul{ padding:0; margin:0; }
#contents_right li{ padding:0 0 10px 0; margin:0; }
#contents_right li.short{ padding:0 0 5px 0; margin:0; }



/*スライダー*/
#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin:0 0 20px 0;
	}


/* Jitsurei AREA */
#jitsurei{
	width:640px;
	float:right;
	}
/*=====================================
トップ　JSスライドショーエリア
======================================*/
/* =======================================
	ClearFixElements
======================================= */
#slideshow02 {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	position: relative;
	}
#slideshow02 div {
	width: 960px;
	height: 358px;
	overflow: hidden;
	position: relative;
	}
#slideshow02 div div {
	top: 0;
	left: 0;
	position: absolute;
	}

#slideshow02 #menu {
	top: 10px;
	width: 233px;
	position: absolute;
	z-index: 200;
	left: 10px;
	}

#slideshow02 #menu ul{
	padding:0;
	margin:0;
	}
#slideshow02 #menu li{
	padding:0;
	margin:0;
	list-style:none;
	}
#menu h2{padding:0 0 7px 0; margin:0;}
#menu p{padding:0; margin:0;}

#slideshow02 ul {
	bottom: 10;
	right: 0;
	width: 242px;
	position: absolute;
	z-index: 100;
	top: 300px;
}
#slideshow02 ul.m2 {
	bottom: 10;
	right: 0px;
	width: 180px;
	position: absolute;
	z-index: 100;
	top: 300px;
}
/**/
#slideshow02 ul.m3 {
	bottom: 10;
	right: 0;
	width: 263px;
	position: absolute;
	z-index: 100;
	top: 300px;
}
#slideshow02 ul.m4 {
	bottom: 10;
	right: 0;
	width: 340px;
	position: absolute;
	z-index: 100;
	top: 300px;
}
#slideshow02 li {
	width: 80px;
	float: left;
	display: inline;
}

#slideshow02 .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#slideshow02 ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow02 ul {
	display: inline-block;
	overflow: hidden;
}


/* Jitsurei List */
.jitsurei_list{
	padding-bottom:20px;
	margin:0;
	width:640px;
	}
.jitsurei_list ul{
	padding:0;
	margin:0;
	}
.jitsurei_list li{
	padding:0 10px 0 0;
	margin:0;
	float:left;
	font-size:12px;
	list-style-type:none;
	}
.jitsurei_list li.first{
	padding:0 20px 0 0;
	}
.jitsurei_list li img{
	display:block;
	}
.jitsurei_list li.spt3{
	padding:3px 18px 0 0;
	}

/*　osusume list　*/
#osusume_list{
	width:640px;
	float:right;
	}
#osusume_list ul{
	padding:0;
	margin:0;
	}
#osusume_list li{
	padding:0 8px 0 0;
	margin:0;
	float:left;
	list-style:none;
	}
#osusume_list li.last{
	padding:0;
	margin:0;
	float:left;
	list-style:none;
	}
#osusume_list li img{
	display:block;
	}


/*　topics list　*/
#topics_list{
	width:640px;
	float:right;
	}
#topics_list ul{
	padding:0;
	margin:0;
	text-align:left;
	}
#topics_list li{
	padding:0 0 1px 80px;
	margin:0;
	list-style:none;
	font-size:12px;
	}
#topics_list li.topics1{	background:url("../../image/topics_campaign.gif") no-repeat 0 1px;	}
#topics_list li.topics2{	background:url("../../image/topics_new.gif") no-repeat 0 1px;	}
#topics_list li.topics3{	background:url("../../image/topics_news.gif") no-repeat 0 1px;	}
#topics_list li.topics4{	background:url("../../image/topics_menu.gif") no-repeat 0 1px;	}
#topics_list li.topics5{	background:url("../../image/topics_seminar.gif") no-repeat 0 1px;	}
#topics_list li.topics6{	background:url("../../image/topics_fair.gif") no-repeat 0 1px;	}



.jcarousel-skin-tango li a{	text-decoration:none;	color:#666;	}
.jcarousel-skin-tango li a:hover{ text-decoration:underline;	color:#666;	}

.jcarousel-skin-tango li span{
	font-size:12px;
	line-height:13px;
	}
.jcarousel-skin-tango li p.ttl{
	background:url(../../image/cmn_icon_arrow.gif) no-repeat 0 4px;
	padding:0px 0 0 10px;
	height:12px;
	font-size:12px;
	}


/*　Contents list　*/
#contents_list{
	width:640px;
	float:right;
	}
#contents_list ul{
	padding:0;
	margin:0;
	}
#contents_list li{
	padding:0 6px 0 0;
	margin:0;
	float:left;
	list-style:none;
	}
#contents_list li.last{
	padding:0;
	margin:0;
	float:left;
	list-style:none;
	}
#contents_list li img{
	display:block;
	}


/*　jitsurei_list　*/
.jitsurei_list{	width:640px;float:right;}
.jitsurei_list ul{ padding:0; margin:0;	}
.jitsurei_list li{ padding:0 1px 1px 0; margin:0; list-style:none; float:left;}


/* Catalog List */
.catalog_list{
	padding:0;
	margin:0;
	width:640px;
	float:right;
	}
.catalog_list h3{
	background:url(../../image/index_catalog_cur.gif) no-repeat;
	padding:0 0 7px 6px;
	}
.catalog_list p{
	font-size:12px;
	color:#333;
	line-height:16px;
	width:230px;
	padding:5px;
	}
.catalog_list ul{
	padding:0;
	margin:0;
	}
.catalog_list li.left{
	padding:0 5px 10px 0;
	margin:0;
	width:317px;
	float:left;
	text-align:left;
	list-style-type:none;
	}
* html .catalog_list li.left{
	padding:0 10px 10px 0;
	margin:0;
	width:322px;
	float:left;
	text-align:left;
	list-style-type:none;
	}
.catalog_list li.right{
	padding:0 0 10px 0;
	margin:0;
	width:315px;
	float:left;
	text-align:left;
	list-style-type:none;
	}
.catalog_list li img{
	display:block;
	}



/* Catalog List */
.popular_list{
	padding:0;
	margin:0;
	width:640px;
	float:right;
	}
.popular_list h3{
	padding:0 0 7px 6px;
	}
.popular_list p{
	font-size:12px;
	color:#333;
	line-height:16px;
	width:200px;
	padding:5px;
	}
.popular_list ul{
	padding:0;
	margin:0;
	}
.popular_list li.left{
	padding:0 5px 10px 0;
	margin:0;
	width:320px;
	float:left;
	text-align:left;
	list-style-type:none;
	}
* html .popular_list li.left{
	padding:0 10px 10px 0;
	margin:0;
	width:322px;
	float:left;
	text-align:left;
	list-style-type:none;
	}
.popular_list li.right{
	padding:0 0 10px 0;
	margin:0;
	width:315px;
	float:left;
	text-align:left;
	list-style-type:none;
	}
.popular_list li img{
	display:block;
	}
.popular_list div.btn{
	padding:5px 0 0 0;
	margin:0;
	}


/* index_soudan */
.index_soudan{
	width:640px;
	float:right;
	padding:0;
	margin:0;
	}
.index_soudan h3{
	padding:0 0 7px 6px;
	}
.index_soudan p{
	font-size:12px;
	color:#333;
	line-height:16px;
	width:299px;
	padding:5px;
	}
.index_soudan ul{
	padding:0;
	margin:0;
	}
.index_soudan li.left{
	padding:0 5px 10px 0;
	margin:0;
	width:317px;
	float:left;
	text-align:left;
	list-style-type:none;
	}
* html .index_soudan li.left{
	padding:0 10px 10px 0;
	margin:0;
	width:322px;
	float:left;
	text-align:left;
	list-style-type:none;
	}
.index_soudan li.right{
	padding:0 0 10px 0;
	margin:0;
	width:315px;
	float:left;
	text-align:left;
	list-style-type:none;
	}



/*--------------------------------------
			Footer AREA
--------------------------------------*/
#footer_area{
	background:#0081cc;
	padding:20px;
	margin:0;
	color:#FFF;
	text-align:left;
	}
#footer_area li{
	padding: 0 0 0 8px;
	}
#footer_area .link_box1{
	padding:0 0px 20px 0;
	float:left;
	width:305px;
	}
#footer_area h2{
	width:90px;
	}
#footer_area a{
	color:#FFF;
	text-decoration:none;
	}
#footer_area a:hover{
	color:#FC6;
	text-decoration:none;
	}
#footer_area .sp0{	padding:0;	}
#footer_area .sp10{	padding:10px 0;	}
#footer_area .spt10{ padding:10px 0 0 0;	}
#footer_area .sp20{	padding:20px 0;	}

#footer_btm{
	padding:0;
	margin:0;
	background:#5b5b5b;
	width:960px;
	height:17px;
	}
#footer_btm ul{	padding:0; margin:0;	}
#footer_btm li{	padding:0; margin:0; float:left; list-style-type:none;	}

.footer_link{ padding:10px 5px 0 5px;}
.footer_link ul{padding:0; margin:0;}
.footer_link li{padding:0 20px 0 0; margin:0; float:left; list-style-type:none;}
.footer_link li.ttl{padding:0 5px 0 0; margin:0; float:left; list-style-type:none;}
.footer_link .fright li{padding:0 0 0 10px; margin:0; float:left; list-style-type:none;}
.foot_linkbtm{	padding:5px 5px 50px 5px;	}


#btn_pagetop{
	border-top:1px solid #3099d6;
	clear:both;
	text-align:right;
	padding:20px 0 0 0;
	}