* { margin: 0; padding: 0; }
.page{width:860px;  /*--ページ全体幅を910px=.leftbox630px+.rightco215px+余裕5pxに指定*/
     float:center;   /*--ブラウザの左から表示*/
     text-align:center;/*ページ内の文字は原則中央揃え(中央コラムは別に指定している*/
	 border:none;
     margin:0 auto;}  /*ブラウザ表示の際の余白除去*/



.leftbox{             /*左コラムと中央コラムを一体化して配置*/
	float:left;   /*leftboxを2段組の左に配置*/
	width:630px;} /*幅を630px=.leftco165px+centerco460px+余裕5px*/
.leftco{
	float: left;                /* leftboxを更に2段に分け左に配置　*/
	width:165px;               /*幅を165px*/
	background-color:#cccccc;  /*背景を設定*/
	color:#000000;
	font-size: 85%; text-align: left;}            /*文字色を設定*/
.centerco{
	float:right;               /* leftboxを更に2段に分け右に配置(全体では中央)　*/
	text-align:left;           /*中央コラムは文字を左揃えにした*/
	width:460px;               /*幅を460px*/
	background-color:#ffffff;  /*背景を設定*/
	color:#000000;
	font-size: 95%;}            /*文字色を設定。本文ではpタグ、spanタグで文字色を変化させている*/
.rightco{
	float:right;                /*rightcoを2段組の右に配置*/
	width:215px;                /*幅を215px*/
	background-color:#ffffff;  /*背景を設定*/
	font-size: 95%;
}
.head{
	background-color:#85fc84;
	color:#000000;
	border-top: medium solid #ffffff;
	border-bottom: medium solid #88ffff;
}
.head_0{
	background-color:#bbffff;
	font-size: 1em;
	color:#00008b;
	text-align: left
}
.head_1{
	background-color:#bbffff;
	font-size: 85%;
	color:#00008b;
	text-align: left
}
.foot{
	text-align:left;
	font-size: 0.9em;
	background-color:#85fc84;
	color:#000000;
	font-size: 80%
	}
	
.clear{
	clear:both;}
.clear hr{display:none;}

body{text-align:center;
	 margin:0;  /* ブラウザ表示の際の左右の余白をなくす */
	 padding:0; /* ブラウザ表示の際の左右の余白をなくす */
	 }
.cyuusyaku{text-align:left;} 
.photo{float:left;
margin-right:10px; }

.leftcoh2,.rightcoh2,.centercoh2{
	margin: 0px;
	padding: 5px 0px 2px 10px;
	color:#006400;                           /*色名darkgreen*/
	background-color: #dcdcdc;               /*色名gainsbor*/
	border-top: 2px solid #006400;
	text-align: left
	}
.leftcoh3,.rightcoh3{
	margin-top: 5px;
	padding:2px 2px 0px 2px;
	font-size: 0.9em;
	color:#000000;                           /*色名darkgreen*/
	text-align: left;
	width: 90%
	}	
.centercoh3{                                /*中間部タイトル部の外枠*/
	margin: 0px;
	padding: 10px 0px 6px 10px;
	font-size: 1em;
	color:#000000;                           /*色名darkgreen*/
	background-color: #dcdcdc;               /*色名gainsbor*/
	border-width: 2px 2px 0px 2px;
	border-style: solid;
	border-color: #dcdcdc;;                           /*色名gainsbor*/
	text-align: left
	}
.centercoh3_1{                                /*中間部タイトル部の外枠*/
	margin: 0px;
	padding: 10px 0px 6px 10px;
	font-size: 1em;
	color:#000000;                           /*色名darkgreen*/
	background-color: #ffccff;               /*色名薄いピンクr*/
	border-width: 2px 2px 0px 2px;
	border-style: solid;
	border-color: #dcdcdc;;                           /*色名gainsbor*/
	text-align: left
	}
.centercotable{                            /* 中間部本文部分の外枠*/
	margin: 0px 0px 5px 0px;
	padding: 10px 15px 10px 15px;
	text-align: left;
	line-height:  1.5em;
	border:medium solid #dcdcdc;
	}
.centercotable_1{                            /* 中間部本文部分の外枠*/
	margin: 0px 0px 5px 0px;
	padding: 10px 15px 10px 15px;
	text-align: left;
	line-height:  1.5em;
    background-color: #ccffff; 
	border:medium solid #ffffff;
	}
.tablehead{
 width:860px;
 valign:middle;
 background-color:aqua
}
.moji_09{font-size: 0.9em;}
.moji_red{font-size: 0.9em;
         color: red;}
         
         
         
/* Tips */

.tools { margin: 3px 0 5px; }
.topics h2 {                           /* 左コラム TOPIC1〜5,ﾓﾊﾞｲﾙ ﾀｸﾞの色等設定 */
	color: #002200;
	background: #00ff00 url("../img/topic2.png") scroll no-repeat right top;
	padding: 4px 8px;
}
.topics h2.first-tip { background-image: url("..img/topic1.png"); }
.topics h2 a { color: #fff; background: #00ff00; }  
                         /* これを定義しないとTOPIC1〜5,ﾓﾊﾞｲﾙ ﾀｸﾞのlink部の色がうまくいかない。 */
                         
.tip-box {               /* 左コラム TOPIC1〜5,ﾓﾊﾞｲﾙ ﾀｸﾞのボックス内の色等設定 */
	color: #000;
	background: #ffff88;
	border-right: 1px solid #9b72cf;
	border-left: 1px solid #9b72cf;
	padding: 3px 4px;
}
.topics .last-tip {	border-bottom: 1px solid #9b72cf; }
.icon-margin { margin-left: 45px; line-height: 140%; }

.topics li,
.business li,
.premium li {
	line-height: 150%;
	padding-left: 6px;
	margin-left: 2px;
	background: url("img_y/dot.png") no-repeat scroll left center;
	}

/* 一覧 */
.a-look,
.topics .a-look {
	text-align: right;
	background: none;
	width: 98%;
}

.relative { position: relative; }
.hide { display: none; }
.clearing { clear: both; }
.fl-l { float: left; }
.center { text-align: center; }

a img { border: none; }

h2 { font-size: 100%; }
h3 {                             /* sidemenu_css　より転記 */
  margin: 0 5px 5px 5px;
  padding: 4px 10px 2px 5px;
  color: #333;
  font-size: 12px;
}                                 /* 以上sidemenu_css　より転記 */  

.li_none { list-style-type : none ; }