@charset "UTF-8";
#gallery-flickr ul li a img {
	width:140px;
}

/* =====================================================================
*
*    INDEX
*
*    1.ボディ＞コンテナ＞ラッパー（各色）
*    2.メニュー
*    3.コンテンツ
*
* =================================================================== */

/* =====================================================================
*
*    1. ラッパーで各色振り分け、リンク色も同様。
*
* =================================================================== */


/* CSS Document */
#container {
	margin:0px;	
}
#wrapper {
	width:960px;
}


body#white #main_content #sitemap  li span {
	margin-left:10px;
}
body {
	background:url(../img/bg.png) repeat-y;
}

/*　黄　色　スタイル　*/
body#yellow {
	background-position:0 0;
	color:#333;
}



body#yellow #main_content a {
	background:#000;
	color:#FFFF0C;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	
}

body#yellow #contents #main_content a:hover {
	background:none;
	color:#000;
}


/*　青　色　スタイル　*/
body#blue {
	background-position:-3000px 0;
	color:#fff;
}
body#blue #main_content a {
	background:#000;
	color:#027abb;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
}
body#blue #main_content a:hover {
	background:#027abb;
	color:#FFF;
}

body#blue #main_content a.outlink {
	background:url(/common/img/icn/outlink_blue.gif) #000 no-repeat left center;
	padding-left: 20px;
}
body#blue #main_content a.outlink:hover {
	background:url(/common/img/icn/outlink.gif) #027abb no-repeat left center;
	padding-left: 20px;
}

/*　紫　色　スタイル　*/
body#purple {
	background-position:-6000px 0;
	color:#fff;
}
body#purple #main_content a {
	background:#000;
	color:#9d0095;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
}
body#purple #main_content a.outlink {
	background:url(/common/img/icn/outlink_purple.gif) #000 no-repeat left center;
	padding-left: 20px;
}
body#purple #main_content a.outlink:hover {
	background:url(/common/img/icn/outlink.gif) #9d0095 no-repeat left center;
	padding-left: 20px;
}

/*　オレンジ　色　スタイル　*/
body#orange {
	background-position:-9000px 0;
	color:#fff;
}
body#orange #main_content a {
	background:#000;
	color:#ff9900;
	padding:2px;
}
body#orange #main_content a:hover {
	background:#ff9900;
	color:#FFF;
}
/*　茶　色　スタイル　*/
body#brown {
	background-position:-12000px 0;
	color:#fff;
}
body#brown #main_content a {
	background:#000;
	color:#5A3D1B;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
}

body#brown #wrapper #contents #main_content ul.labo_thumb li{ float:left; margin-right:10px; margin-bottom:10px;}
body#brown #wrapper #contents #main_content ul.labo_thumb li.end{ float:left; margin-right:0px; margin-bottom:10px;}
body#brown #wrapper #contents #main_content ul.labo_thumb li a {display:block; background:none; width:48px; height:48px;}
body#brown #wrapper #contents #main_content ul.labo_thumb li a img {border:solid 2px #000;}
body#brown #wrapper #contents #main_content ul.labo_thumb li a img:hover {border: solid 2px #FFF;}

body#brown #wrapper .vabo_senyo_box img {
float: left;
margin-right: 10px;
margin-bottom: 75px;
}



body#yellow #wrapper #contents #main_content .loveit_left {
	width:124px;
	float:left
}
body#yellow #wrapper #contents #main_content .loveit_right {
	width:491px;
	float:right;
}
body#yellow #wrapper #contents #main_content ul.loveit_thumb li{ float:left; margin-right:10px; margin-bottom:10px;}
body#yellow #wrapper #contents #main_content ul.loveit_thumb li.end{ float:left; margin-right:0px; margin-bottom:10px;}
body#yellow #wrapper #contents #main_content ul.loveit_thumb li a {display:block; background:none; width:48px; height:48px; padding: 0;}
body#yellow #wrapper #contents #main_content ul.loveit_thumb li a img {border:solid 2px #000;}
body#yellow #wrapper #contents #main_content ul.loveit_thumb li a img:hover {border: solid 2px #FFF;}


body#purple #main_content a:hover {
	background:none;
	color:#fff;
}
/*　白　色　スタイル　*/
body#white {
	background-position:-15000px 0;
	color:#333;
}
body#white #main_content a {
	background:#000;
	color:#EEE9B1;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
}

body#white #contents #main_content a:hover {
	background:none;
	color:#000;
}
body#white #contents #main_content dt {
	font-weight:bold;
}
body#white #contents #main_content dd {
	margin:1em;
}

body#white #contents #main_content a.nonestyle {
	background:none;
	padding:0;
	margin:0;
}
/*　白　色　スタイル　サイトマップ　*/
body#white #sitemap a {
	background:none;
	color:#333;
	font-weight:bold;
}
body#white #main_content #sitemap  li {
	margin: 0 0 15px 10px;
	padding: 0 0 0 20px;
	background: url(../../sitemap/img/icn_home.png) no-repeat 0 3px;
	line-height: 160%;
	
}
body#white #main_content #sitemap li.liststile_home a {
	display:block;
	padding-bottom:15px;
}
body#white #main_content #sitemap  li ul li{
	padding-bottom:15px;
	border-bottom:1px dotted #D7D7D7;
	
}
body#white #main_content #sitemap li ul.category li {
	background: url(../../sitemap/img/icn_parent_y.png) no-repeat 0px 3px;
	
}
body#white #main_content #sitemap li ul.category li.liststile_b {
	background: url(../../sitemap/img/icn_parent_b.png) no-repeat 0px 3px;
	
}
body#white #main_content #sitemap li ul.category li.liststile_p {
	background: url(../../sitemap/img/icn_parent_p.png) no-repeat 0px 3px;
	
}
body#white #main_content #sitemap li ul.category li.liststile_o {
	background: url(../../sitemap/img/icn_parent_o.png) no-repeat 0px 3px;
	
}
body#white #main_content #sitemap li ul.category li.liststile_br {
	background: url(../../sitemap/img/icn_parent_br.png) no-repeat 0px 3px;
	
}

body#white #main_content #sitemap li ul.category li.liststile_none {
	background:none;
}

body#white #main_content #sitemap li ul li ul.page li {
	border:none;
	background: url(../../sitemap/img/icn_child.png) no-repeat 1px -283px;
}
body#white #main_content #sitemap li ul li ul li.end {
	background-color:#FFFABE;
}
body#white #main_content #sitemap li ul li.end {
		background-color:#FFFABE;
}


/* =====================================================================
*
*    2. メニュー ページトップにの色バージョン
*
* =================================================================== */
#menu h1 {
	width:191px;
	height:50px;
	text-indent:-9999px;
	background:url(../img/rogo.png) no-repeat;
	margin:50px 0 40px 36px;
}
#menu h1 a{
	display:block;
	width:191px;
	height:50px;
}
/*　黄　色　ページトップ　*/

body#yellow  #pagetop a {
	height:66px;
	width:20px;
	display:block;
	background:url(../img/tab_pagetop_y.png) no-repeat;
}
body#yellow  #pagetop a:hover {
	background-position:0 -66px;
}

/*　青　色　ページトップ　*/

body#blue  #pagetop a {
	height:66px;
	width:20px;
	display:block;
	background:url(../img/tab_pagetop_b.png) no-repeat;
}
body#blue  #pagetop a:hover {
	background-position:0 -66px;
}
/*　紫　色　ページトップ　*/

body#purple  #pagetop a {
	height:66px;
	width:20px;
	display:block;
	background:url(../img/tab_pagetop_p.png) no-repeat;
}
body#purple  #pagetop a:hover {
	background-position:0 -66px;
}
/*　オレンジ　色　ページトップ　*/

body#orange  #pagetop a {
	height:66px;
	width:20px;
	display:block;
	background:url(../img/tab_pagetop_o.png) no-repeat;
}
body#orange  #pagetop a:hover {
	background-position:0 -66px;
}
/*　オレンジ　色　ページトップ　*/

body#brown  #pagetop a {
	height:66px;
	width:20px;
	display:block;
	background:url(../img/tab_pagetop_br.png) no-repeat;
}
body#brown  #pagetop a:hover {
	background-position:0 -66px;
}

/*　白　色　ページトップ　*/

body#white  #pagetop a {
	height:66px;
	width:20px;
	display:block;
	background:url(../img/tab_pagetop_w.png) no-repeat;
}
body#white  #pagetop a:hover {
	background-position:0 -66px;
}
#pagetop {
	position:absolute;
	top:450px;
	left:254px;
	text-indent:-9999px;
}

#menu {
	float:left;
	width:274px;
	position: relative;
}

#menu ul {
	margin-left:22px;
}

#menu ul#menu01 {
	margin-bottom:30px;
	display:block;
}
#menu ul#menu01 li {text-indent:-9999px; margin-bottom:20px;}
#menu ul#menu01 li a{
	height:27px;
	padding-left:22px;
	display:block;
	
}
#menu ul#menu01 li.what a{
	background:url(../img/menu_what_move.gif) no-repeat;
	width:89px;
	
}
#menu ul#menu01 li.what a:hover{
	background-position: 0 -27px;
}
#menu ul#menu01 li.what a.current{
	background-position:0 -54px;
}
#menu ul#menu01 li.about a{
	background:url(../img/menu_about_move.gif) no-repeat;
	width:116px;
}
#menu ul#menu01 li.about a:hover{
	background-position: 0 -27px;
}
#menu ul#menu01 li.about a.current{
	background-position:0 -54px;
}
#menu ul#menu01 li.product a{
	background:url(../img/menu_products_move.gif) no-repeat;
	width:113px;
}
#menu ul#menu01 li.product a:hover{
	background-position: 0 -27px;
}
#menu ul#menu01 li.product a.current{
	background-position:0 -54px;
}
#menu ul#menu02 {
	margin-bottom:43px;
	display:block;
}
#menu ul#menu02 li {
	text-indent:-9999px;
	margin-bottom:15px;
}
#menu ul#menu02 li a{
	height:12px;
	padding-left:22px;
	
	display:block;
	
}
#menu ul#menu02 li.news a {
	background:url(../img/menu_news_move.gif) no-repeat;
	width:96px;
}
#menu ul#menu02 li.news a:hover{
	background-position: 0 -12px;
}
#menu ul#menu02 li.news a.current{
	background-position: 0 -24px;
}
#menu ul#menu02 li.report a {
	background:url(../img/menu_report_move.gif) no-repeat;
	width:110px;
}
#menu ul#menu02 li.report a:hover{
	background-position: 0 -12px;
}
#menu ul#menu02 li.report a.current{
	background-position: 0 -24px;
}
#menu ul#menu02 li.support a {
	background:url(../img/menu_support_move.gif) no-repeat;
	width:124px;
}
#menu ul#menu02 li.support a:hover{
	background-position: 0 -12px;
}
#menu ul#menu02 li.support a.current{
	background-position: 0 -24px;
}
#menu ul#menu02 li.labo a {
	background:url(../img/menu_labo_move.gif) no-repeat;
	width:58px;
}
#menu ul#menu02 li.labo a:hover{
	background-position: 0 -12px;
}
#menu ul#menu02 li.labo a.current{
	background-position: 0 -24px;
}
#menu ul#menu03 {
	display:block;
	margin-bottom:90px;
	}
#menu ul#menu03 li {
	margin-bottom:13px;
	text-indent:-9999px;
}

#menu ul#menu03 li a {
	height:10px;
	padding-left:22px;
	display:block;
	
}
#menu ul#menu03 li.blog a {
	background:url(../../../common/img/menu_blog_move.gif) no-repeat;
}
#menu ul#menu03 li.blog a:hover{
	background-position: 0 -10px
}
#menu ul#menu03 li.blog a.current{
	background-position: 0 -20px
}
#menu ul#menu03 li.shouhin a {
	background:url(../img/menu_otoriatukai_move.gif) no-repeat;
	width:85px;
}
#menu ul#menu03 li.shouhin a:hover{
	background-position: 0 -10px
}
#menu ul#menu03 li.shouhin a.current{
	background-position: 0 -20px
}
#menu ul#menu03 li.media a {
	background:url(../img/menu_media_move.gif) no-repeat;
	width:85px;
}
#menu ul#menu03 li.media a:hover{
	background-position: 0 -10px
}
#menu ul#menu03 li.media a.current{
	background-position: 0 -20px
}
#menu ul#menu03 li.link a {
	background:url(../img/menu_link_move.gif) no-repeat;
	width:71px;
}
#menu ul#menu03 li.link a:hover{
	background-position: 0 -10px
}
#menu ul#menu03 li.link a.current{
	background-position: 0 -20px
}
#menu ul#menu03 li.sitemap a {
	background:url(../img/menu_sitemap_move.gif) no-repeat;
	width:53px;
}
#menu ul#menu03 li.sitemap a:hover{
	background-position: 0 -10px
}
#menu ul#menu03 li.sitemap a.current{
	background-position: 0 -20px
}
#menu ul#menu03 li.contact a {
	background:url(../img/menu_contact_move.gif) no-repeat;
	width:53px;
}
#menu ul#menu03 li.contact a:hover{
	background-position: 0 -10px
}
#menu ul#menu03 li.contact a.current{
	background-position:0 -20px;
}


/* =====================================================================
*
*    3. コンテンツ
*
* =================================================================== */
#contents {
	float:right;
	width:615px;
	padding:50px 30px 0 19px;
}
#breadcrumbs {
   margin-bottom:45px;
}
#breadcrumbs em {
	
}
#copylight {
	margin-left:36px;
	color:#333;
}
#yellow #breadcrumbs a , #white #breadcrumbs a {
	color:#333;
}
#blue #breadcrumbs a , #purple #breadcrumbs a , #orange #breadcrumbs a , #brown #breadcrumbs a {
	color:#fff;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}
/*　バナー用黒ライン消し　*/
body #wrapper #main_content .bnrbox a {
background:none;
padding:0px;
}
/* =====================================================================
*
*    4. スライドショー
*
* =================================================================== */
.project_btn_nav {
margin-top: 5px;
margin-bottom: 25px;
}


#slider0, #slider0 li { 
	width:615px;
	height:320px;
	overflow:hidden;

}
#slider1, #slider1 li { 
	width:615px;
	height:320px;
	overflow:hidden;

}
#slider2, #slider2 li { 
	width:615px;
	height:320px;
	overflow:hidden;

}
#slider3, #slider3 li { 
	width:615px;
	height:320px;
	overflow:hidden;

}
#slider4, #slider4 li { 
	width:615px;
	height:320px;
	overflow:hidden;

}
#slider5, #slider5 li { 
	width:615px;
	height:320px;
	overflow:hidden;
}
#slider6, #slider6 li { 
	width:615px;
	height:320px;
	overflow:hidden;
}
#slider7, #slider7 li { 
	width:615px;
	height:320px;
	overflow:hidden;

}

#slider8, #slider8 li { 
	width:615px;
	height:249px;
	overflow:hidden;
}

p#controls1, p#controls2, p#controls3, p#controls4, p#controls5{
	margin:0 0 25px 0;
	position:relative;
	} 
#slider_labo, #slider_labo li { 
	width:615px;
	height:249px;
	overflow:hidden;
	margin-bottom:10px;
}
p#controls_labo{
	margin:0 0 25px 0;
	position:relative;
	} 
	
h2 {
	margin-bottom:13px;
}
h3 {
	margin-bottom:20px;
}
h4 {
	margin-bottom:60px;
}
h5 {
	font-weight:bold;
	color:#000;
}
	
.imglist li {
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
.bnr_list li {
	float:left;
	padding-right:7px;
	padding-bottom:15px;
}
.bnr_list li.end {
	padding-right:0;
}

body #wrapper #main_content .bnr_list li a {
	background:none;
	padding:0px;
}
body #wrapper #main_content #box_contents .bnr_list li a img {
	border:none;
}
.source  {
	background-color:#FFF;
	padding:10px;
	margin-top:5px;
	border:#333 solid 1px;
}

/* =====================================================================
*
*    5. 画像と文章パック
*
* =================================================================== */
body #main_content #box_contents .img_box {
	margin-top:0.5em;
	width:215px;
	margin-right:15px;
	float:left;
	margin-bottom: 5px;
}
body #main_content #box_contents .img_box img {
margin-bottom: 5px;

}
body #main_content #box_contents .text_box {
	width:380px;
	float:right;
}

body #main_content #box_contents a img{
	border:solid 2px #000;
}
body #main_content #box_contents a img:hover {
	border:solid 2px #fff;
	
}
body #main_content #box_contents p {
	margin-bottom:10px;
}
body #main_content #box_contents p span {
	display:block;
	padding-bottom:5px;
}
body #main_content #box_contents p span span.icnnews {
	display:inline;
	background:#FFF;
	padding:2px 5px 0 5px;
	font-weight:bold;
	margin-left:6px;
}


body #main_content #box_contents p em {
	display:block;
	padding-bottom:5px;
	font-weight:bold;
	line-height:120%;
}
body #main_content #box_contents li {
	float:left;
	
}



body#blue #main_content #box_contents p span span.icnnews {
	color:#027abb;
}
body#purple #main_content #box_contents p span span.icnnews {
	color:#9d0095;
}
body#orange #main_content #box_contents p span span.icnnews {
	color:#ff9900;	
}


#news_box_01 {
	padding-bottom:10px;
	
}
.news_box_02 {
	padding-bottom:10px;
	
}

/*年代メニューダウン*/
body #contents #main_content #box_contents .support_menu li {
	margin-right:2px;
	width:59px;
	height:29px;
	text-indent:-9999px;
}

body #contents #main_content #box_contents .support_menu li.s2010 {
	background:url(/support/img/menu_support.png) no-repeat -59px 0;
}

body #contents #main_content #box_contents .support_menu li.s2009 {
	background:url(/support/img/menu_support.png) no-repeat -118px 0;
}
body #contents #main_content #box_contents .support_menu li.s2008 {
	background:url(/support/img/menu_support.png) no-repeat -177px 0;
}
body #contents #main_content #box_contents .support_menu li.s2007 {
	background:url(/support/img/menu_support.png) no-repeat -236px 0;
}
body #contents #main_content #box_contents .support_menu li a {
	padding:0;
}

body #contents #main_content #box_contents .support_menu li.s2010 a {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support.png) no-repeat -59px -29px;
}


body #contents #main_content #box_contents .support_menu li.s2009 a {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support.png) no-repeat -118px -29px;
}

body #contents #main_content #box_contents .support_menu li.s2008 a {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support.png) no-repeat -177px -29px;
}
body #contents #main_content #box_contents .support_menu li.s2007 a {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support.png) no-repeat -236px -29px;
}

body #contents #main_content #box_contents .support_menu li.s2010 a:hover {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support.png) no-repeat -59px -58px;
}
body #contents #main_content #box_contents .support_menu li.s2009 a:hover {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support.png) no-repeat -118px -58px;
}

body #contents #main_content #box_contents .support_menu li.s2008 a:hover {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support.png) no-repeat -177px -58px;
}
body #contents #main_content #box_contents .support_menu li.s2007 a:hover {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support.png) no-repeat -236px -58px;
}
 /*年代メニューアップ*/


body #contents #main_content #box_contents .support_menu li.s2010up {
	background:url(/support/img/menu_support_up.png) no-repeat -59px 0;
}

body #contents #main_content #box_contents .support_menu li.s2009up {
	background:url(/support/img/menu_support_up.png) no-repeat -118px 0;
}
body #contents #main_content #box_contents .support_menu li.s2008up {
	background:url(/support/img/menu_support_up.png) no-repeat -177px 0;
}
body #contents #main_content #box_contents .support_menu li.s2007up {
	background:url(/support/img/menu_support_up.png) no-repeat -236px 0;
}
body #contents #main_content #box_contents .support_menu li a {
	padding:0;
}
body #contents #main_content #box_contents .support_menu li.s2010up a {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support_up.png) no-repeat -59px -29px;
}

body #contents #main_content #box_contents .support_menu li.s2009up a {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support_up.png) no-repeat -118px -29px;
}

body #contents #main_content #box_contents .support_menu li.s2008up a {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support_up.png) no-repeat -177px -29px;
}
body #contents #main_content #box_contents .support_menu li.s2007up a {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support_up.png) no-repeat -236px -29px;
}
body #contents #main_content #box_contents .support_menu li.s2010up a:hover {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support_up.png) no-repeat -59px -58px;
}
body #contents #main_content #box_contents .support_menu li.s2009up a:hover {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support_up.png) no-repeat -118px -58px;
}

body #contents #main_content #box_contents .support_menu li.s2008up a:hover {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support_up.png) no-repeat -177px -58px;
}
body #contents #main_content #box_contents .support_menu li.s2007up a:hover {
	display:block;
	width:59px;
	height:29px;
	background:url(/support/img/menu_support_up.png) no-repeat -236px -58px;
}


/* =====================================================================
*
*    6. 画像と文章パック　リポートページ
*
* =================================================================== */
body#purple #main_content #box_contents li.num02 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num03 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num04 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num05 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num06 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num07 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num08 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num09 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num10 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num11 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num12 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num13 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num14 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num15 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num16 a { text-indent:-9999px; visibility:hidden;}
body#purple #main_content #box_contents li.num17 a { text-indent:-9999px; visibility:hidden;}
/*
body#purple #main_content #box_contents li a {
	display:block;
	width:15px;
	height:15px;
	padding:0;
	margin:0 5px 0 0;
	background:url(../../report/img/num.png) no-repeat; 
}

body#purple #main_content #box_contents li.num01 a { background-position:0 0;}
body#purple #main_content #box_contents li.num01 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:0 -15px;}
body#purple #main_content #box_contents li.num02 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-15px -15px;}
body#purple #main_content #box_contents li.num03 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-30px -15px;}
body#purple #main_content #box_contents li.num04 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-45px -15px;}
body#purple #main_content #box_contents li.num05 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-60px -15px;}
body#purple #main_content #box_contents li.num06 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-75px -15px;}
body#purple #main_content #box_contents li.num07 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-90px -15px;}
body#purple #main_content #box_contents li.num08 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-105px -15px;}
body#purple #main_content #box_contents li.num09 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-120px -15px;}
body#purple #main_content #box_contents li.num10 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-135px -15px;}
body#purple #main_content #box_contents li.num11 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-150px -15px;}
body#purple #main_content #box_contents li.num12 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-165px -15px;}
body#purple #main_content #box_contents li.num13 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-180px -15px;}
body#purple #main_content #box_contents li.num14 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-195px -15px;}
body#purple #main_content #box_contents li.num15 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-210px -15px;}
body#purple #main_content #box_contents li.num16 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-225px -15px;}
body#purple #main_content #box_contents li.num17 a:hover{ background:url(../../report/img/num.png) no-repeat; background-position:-240px -15px;}


/* =====================================================================
*
*    6. 画像と文章パック　サポートページ
*
* =================================================================== */
body#orange #main_content #box_contents li.num02 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num03 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num04 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num05 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num06 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num07 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num08 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num09 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num10 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num11 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num12 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num13 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num14 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num15 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num16 a { text-indent:-9999px; visibility:hidden;}
body#orange #main_content #box_contents li.num17 a { text-indent:-9999px; visibility:hidden;}

/*
body#orange #main_content #box_contents li a {
	display:block;
	width:15px;
	height:15px;
	padding:0;
	margin:0 5px 0 0;
	background:url(../../support/img/num.png) no-repeat; 
}

body#orange #main_content #box_contents li.num01 a { background-position:0 0;}

body#orange #main_content #box_contents li.num01 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:0 -15px;}
body#orange #main_content #box_contents li.num02 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-15px -15px;}
body#orange #main_content #box_contents li.num03 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-30px -15px;}
body#orange #main_content #box_contents li.num04 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-45px -15px;}
body#orange #main_content #box_contents li.num05 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-60px -15px;}
body#orange #main_content #box_contents li.num06 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-75px -15px;}
body#orange #main_content #box_contents li.num07 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-90px -15px;}
body#orange #main_content #box_contents li.num08 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-105px -15px;}
body#orange #main_content #box_contents li.num09 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-120px -15px;}
body#orange #main_content #box_contents li.num10 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-135px -15px;}
body#orange #main_content #box_contents li.num11 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-150px -15px;}
body#orange #main_content #box_contents li.num12 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-165px -15px;}
body#orange #main_content #box_contents li.num13 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-180px -15px;}
body#orange #main_content #box_contents li.num14 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-195px -15px;}
body#orange #main_content #box_contents li.num15 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-210px -15px;}
body#orange #main_content #box_contents li.num16 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-225px -15px;}
body#orange #main_content #box_contents li.num17 a:hover{ background:url(../../support/img/num.png) no-repeat; background-position:-240px -15px;}


/* =====================================================================
*
*    6. 画像と文章パック　NEWS
*
* =================================================================== */

/*
body#blue #main_content #box_contents li a {
	display:block;
	width:15px;
	height:15px;
	padding:0;
	margin:0 5px 0 0;
	background:url(../../news/img/num.png) no-repeat; 
}



/* =====================================================================
*
*    7. about Project
*
* =================================================================== */
.project_contents  {width:615px;}
.project_contents .layout_parent_l { float:left; width:400px; }
.project_contents .layout_parent_r { float:right; width:185px; }
.project_contents .layout_parent_l .layout_child_l {float:left; }
.project_contents .layout_parent_l .layout_child_r {float:right; }

/* =====================================================================
*
*    7. 画像と文章パック　メディア掲載情報
*
* =================================================================== */

.media_left {
	float:left;
	width:415px;
	}
.media_right {
	float:left;
	width:170px;
	margin-left:30px;
}

body #wrapper #contents #main_content ul.media_thumb li{ float:left; margin-right:10px; margin-bottom:10px;}
body #wrapper #contents #main_content ul.media_thumb li.end{ float:left; margin-right:0px; margin-bottom:10px;}
body #wrapper #contents #main_content ul.media_thumb li a {display:block; background:none; width:50px; height:50px;}
body #wrapper #contents #main_content ul.media_thumb li a img {border:solid 3px #000;}
body #wrapper #contents #main_content ul.media_thumb li a img:hover {border: solid 3px #FFF;}
