@charset "utf-8";


/* CONTENTS===================================================
トップページ専用

 イメージ領域
 メニューレイアウト-Menu-
 -レイアウト配置
 -ボタン配置
 -OVER STATES
 -PRESSED STATES
 -ON STATES
 コンテンツ領域
 -左領域
 -右領域
 -マイコネコミュニティ
 -モバイル
 余白指定
=========================================================== */

@import url(default.css); /* Reset */
@import url(layout.css); /* 基本レイアウト */
@import url(news.css); /* ニュース配信 */
@import url(font.css);/* フォント */
@import url(front.css); /* 検索フォーム設置用 */



html {
	}

body#Toptype {
	background: #F5F5F5;	
	}


/* デフォルトでのリンク指定 */
a {
	color: #0085D1;
	text-decoration: none;
	}

a:hover {
	color: #FF783D;
	text-decoration: none;
	}		


/* IE6透過PNG用 */

img,
div {
	behavior: url(../js/iepngfix.htc)
	}


/* 個別でclearfixが必要な場合 */
div.clearfix {
	zoom: 1;
	}
div.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

/* hrのデフォルトリセット */
hr {
	display: none;
	}




/* ヘッダー領域 */
/* //////////////////////////////////////////////////////////// */

#TopHeader {
	background: #F2EEEB;
	}
	
#TopHeader div {
	position: relative;
	width: 970px;
	margin: auto;
	}	

#TopHeader h1 {
	position: absolute;
	top:-9999px;
	left:-9999px;
	}

#TopHeader #HeadLink {
	position: absolute;
	top: 5px;
	right:10px;
	width: 177px;
	z-index:100;
	}


#TopHeader #HeadLink ul li img  {
	position: absolute;
	}

#TopHeader #HeadLink ul li#H-mail img {
	top: 0;
	right:141px;
	}

#TopHeader #HeadLink ul li#H-map img {
	top: 0;
	right:115px;
	}

#TopHeader #HeadLink ul li#H-search img {
	top: 0;
	right:89px;
	}

#TopHeader #HeadLink ul li#H-japan img {
	top: 0;
	right:38px;
	}	

#TopHeader #HeadLink ul li#H-english img {
	top: 0;
	right:0;
	}

/*
#TopHeader #HeadLink ul li#H-mail a {
	top: 0;
	right:143px;
	}

#TopHeader #HeadLink ul li#H-map a {
	top: 0;
	right:116px;
	}

	
#TopHeader #HeadLink ul li#H-search a {
	top: 0;
	right:92px;
	}	
	
#TopHeader #HeadLink ul li#H-english a {
	top: 0;
	right:0;
	width: 37px;
	}*/
	

/* 全体 */
/* //////////////////////////////////////////////////////////// */	

#TopWrapper {
	background: url(../images/background-top.jpg) repeat-x #F5F5F5;
	}
	
#TopContents {
	width: 970px;
	margin: 0 auto;
	padding: 15px 0 30px;
	zoom: 1;
	} 	

#TopContents:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


/* 左サイド */
/* //////////////////////////////////////////////////////////// */	

.lay-bottom15 {
	margin-bottom: 15px;
	}

#TSide-left {
	width: 200px;
	float: left;
	}

#TSide-Center {
	width: 292px;
	padding-left: 26px;
	float: left;
	}

#TSide-right {
	width: 200px;
	padding-left: 26px;
	float: left;
	}


#TSide-left ul li img,
#TSide-Center ul li img,
#TSide-right ul li img {
	vertical-align: bottom;
	}


/* 共通ドロップダウンメニュー */

#TSide-left div.navi h2,
#TSide-right div.navi h2 {
	cursor: pointer;
	}

#TSide-left ul,
#TSide-right ul {
	font-size: 0.85em;
	}


#TSide-left div.navi ul li,
#TSide-right div.navi ul li{
	border-left: 1px solid  #cccccc;
	}


#TSide-left div.navi ul li a,
#TSide-right div.navi ul li a {
	display: block;
	margin-left: 10px;
	padding-top: 4px;
	color: #151E24;
	}
#TSide-left div.navi ul li a:hover,
#TSide-right div.navi ul li a:hover {
	color: #059CEA;
	}

#TSide-left div.navi ul li.title,
#TSide-right div.navi ul li.title {
	margin: 0;
	padding: 0;
	border: none;
	}
#TSide-left div.navi ul li.title img,
#TSide-right div.navi ul li.title img {
	vertical-align: bottom;
	}	

/* PICK UP CONTENTS */
/* //////////////////////////////////////////////////////////// */	

#Pickup {
	width: 200px;
	float: right;
	background: url(../images/pickup01.png) no-repeat left top;
	padding: 0;
	}

#Pickup h3 {
	text-indent: -9999px;
	overflow: hidden;
	}

#Pickup ul {
	margin: 20px 12px 10px;
	}

#Pickup ul li {
	margin: 0 0 7px 0;
	font-size: 0.85em;
	}

#Pickup ul li,
#Pickup ul li.nolink {
	padding: 0.3em 0 0 10px;
	background: url(../common/mark-ya-grays.gif) no-repeat 0 0.4em;
	}

#Pickup ul li.nolink {
	background: url(../common/mark-ya-grays2.gif) no-repeat 0 0.4em;
	}


#Pickup dl dt {
	margin-left: 12px;
	font-size: 0.9em;
	font-weight: bold;
	}
#Pickup dl dd ul {
	margin-top: 5px;
	}	

#Pickup ul li a {
	color: #151E24;
	}
#Pickup ul li a:hover {
	color: #059CEA;
	}
	
#Pickup p.end {
	text-align: center;
	/*margin-bottom:20px;*/
	background: url(../images/pickup02.png) no-repeat left bottom;
	}
#Pickup p.end img {
	padding-bottom: 15px;
	}