@charset "UTF-8";

/* 
================================================================================
  Last Up Date 2007.11.5
  (c) Sysmex Corporation. All Rights Reserved.
================================================================================
*/

/*INDEX 共通設定
================================================================================
1.固定
2.レイアウト
3.メイン
4.ナビゲーション
5.フッター
0.汎用
================================================================================
*/


/* 
================================================================================
1.固定
================================================================================
*/	

*{
  margin:0;
  padding:0;
}
html{
  /*background:url("/images/popup_html_back.gif") no-repeat bottom center;*/
  height:100%;
}
body {
  margin:0;
  padding:0;
  font-size:80%;
  color:#767677;
  border-top:3px solid #e2536b;
  font-family:Verdana, Arial, Helvetica, Osaka, sans-serif;
}
img {
  border:0;
  margin:0;
}
a{
  color:#6392c2;
}
a:visited {
  color:#9f63c2;
}
a:hover {
  color:#e2536b;
}


/*
================================================================================
2.レイアウト
================================================================================
*/

/* WRAPPER
----------------------------------------------------------------------------- */	
#wrapper{
  position:relative;
  width:735px;
  margin:0 auto;
  background-color:#ffffff;
}


/* 4.HEADER
----------------------------------------------------------------------------- */	
#header{
}

/* menu */
#header .menu{
  padding:5px 0 10px 575px;
  background-color:#ffffff;
}
#header .menu dt.font{
  float:left;
  text-indent:-9999px;
  background:url("/images/header_font.gif") no-repeat 0 0;
  width:77px;
  height:20px;
  margin-left:5px;
}
#header .menu dd{
  float:left;
}
#header .menu dd a{
  display:block;
  text-indent:-9999px;
  background:url("/images/header_font.gif") no-repeat;
  width:23px;
  height:20px;
}
#header .menu dd.large a{
  background-position:-77px 0;
}
#header .menu dd.large_on a{
  background-position:-77px -20px;
}
#header .menu dd.middle a{
  background-position:-100px 0;
}
#header .menu dd.middle_on a{
  background-position:-100px -20px;
}
#header .menu dd.small a{
  background-position:-123px 0;
}
#header .menu dd.small_on a{
  background-position:-123px -20px;
}


/*
================================================================================
3.メイン
================================================================================
*/
/* CONTENT
----------------------------------------------------------------------------- */


h1{
  margin-bottom:10px;
}

#content{
  width:730px;
  margin:0 auto;
}
#content h2{
}
#content h3{
  color:#e792a9;
  font-size:110%;
  margin:0 30px 5px 30px;
  padding-bottom:5px;
  border-bottom:1px dotted #d9d9d9;
}
#content p{
  line-height:150%;
  margin:0 30px 15px 30px;
}
#content ol{
  line-height:150%;
  margin:0 30px 15px 55px;
}
#content ol li{
  margin-bottom:5px;
}
#content dl{
  line-height:150%;
  margin:0 30px 15px 30px;
}
#content textarea{
  line-height:150%;
  margin:0 30px 15px 30px;
}
#content .outer textarea{
  line-height:150%;
  margin:0;
}
#content .outer{
  width:672px;
  border-collapse:collapse;
  border:1px solid #d9d9d9;
  margin:0 30px 15px 30px;
}
#content .outer th{
  border:1px solid #d9d9d9;
  padding:4px;
  background-color:#fdf9f5;
  color:#e792a9;
  font-weight:lighter;
  text-align:right;
}
#content .outer td{
  border:1px solid #d9d9d9;
  padding:4px;
}

/* guide */
#guide-menu{
  background-color:#fdf9f5;
  padding:10px;
  margin-bottom:15px;
}
#guide-menu ol{
  line-height:100%;
  margin:0 0 0 30px;
}


/* links */
.linklist{
}
.linklist dt {
  background:url("/images/links/star.gif") no-repeat left center;
  padding:0 0 0 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.linklist dd {
  padding-left:20px;
  margin-bottom: 15px;
}

/* premium
----------------------------------------------------------------------------- */

#premium_main{
  background:url("/images/info/premium_main_back.gif") no-repeat top;
  width:735px;
  padding-top:33px;
  text-align:center;
}
#premium_main .main{
  background:url("/images/info/premium_main_back.gif") no-repeat bottom;
  width:683px;
  padding:0 26px 13px 26px;
}
#premium_main .block{
  width:637px;
  padding:20px 20px 5px 20px;
  border-left:3px solid #e78ca1;
  border-right:3px solid #e78ca1;
  border-bottom:3px solid #e78ca1;
  margin-bottom:15px;
  background:#fdf4f4;
  line-height:150%;
}
#premiumpremium_main .block .small{
  line-height:120%;
}

#premium_main h2{
  margin-bottom:0;
  line-height:100%;
}
#premium_main p{
  margin-bottom:15px;
  line-height:130%;
}

#premium_main table{
}
#premium_main th{
  font-weight:lighter;
  text-align:right;
  vertical-align:top;
  padding:10px;
  color:#d75d98;
}
#premium_main td{
  vertical-align:top;
  text-align:left;
  padding:8px 15px 8px 0px;
}
#premium_main .box{
  border:3px solid #e78ca1;
  background-color:#ffffff;
  padding:10px 15px;
  margin-bottom:15px;
}
#premium_main .box p{
  margin-bottom:5px;
}


/* ログイン
----------------------------------------------------------------------------- */
#login_main{
  background-color:#ffffff;
  margin:0 0 10px 2px;
  width:700px;
  padding:25px 15px;
  text-align:center;
}
#login_main h2{
  margin:0 auto;
  padding:0;
  width:485px;
  line-height:100%;
}
#login_main h2 img{
  vertical-align:bottom;
}
#login_main .block{
  width:485px;
  margin:0 auto 25px auto;
  background:url("/images/login_back.gif") no-repeat bottom;
  padding:10px;
}
#login_main .block p{
  margin-bottom:5px;
}
#login_main table{
  margin:auto;
}
#login_main th{
  padding:10px 0;
  color:#d75d98;
  font-weight:lighter;
  border-bottom:1px dotted #f8eade;
  text-align:right;
}
#login_main td{
  border-bottom:1px dotted #f8eade;
  padding:10px 5px;
  text-align:left;
}
#login_main p{
  margin-bottom:15px;
}
#login_main .indexTextfield01,
#login_main .indexTextfield02{
  width:320px;
  padding:0;
  margin:0;
}

/*
================================================================================
5.フッター
================================================================================
*/
#footer{
  background:url("/images/popup_html_back.gif") no-repeat bottom center;
  position:relative;
  width:745px;
  margin:0 auto;
}

/* pagetop */
.pagetop{
  padding-left:620px;
}
.pagetop a{
  display:block;
  text-indent:-9999px;
  background:url("/images/pagetop.gif") no-repeat 0 0;
  width:100px;
  height:35px;
}
.pagetop a:hover {
  background-position:-100px 0;
}

/* navi */
#footer .navi{
  float:left;
  padding:5px 0 0 25px;
  list-style:none;
}
#footer .navi li{
  float:left;
  list-style:none;
}
#footer .navi li a{
  display:block;
  text-indent:-9999px;
  background:url("/images/footer_navi.gif") no-repeat;
  height:20px;
}
#footer .navi li.rule a{
  width:63px;
  background-position:0 0;
}
#footer .navi li.rule a:hover {
  background-position:0 -20px;
}
#footer .navi li.privacy a{
  width:125px;
  background-position:-63px 0;
}
#footer .navi li.privacy a:hover {
  background-position:-63px -20px;
}
#footer .navi li.company a{
  width:67px;
  background-position:-188px 0;
}
#footer .navi li.company a:hover {
  background-position:-188px -20px;
}

/* copyright */
address{
  text-indent:-9999px;
  background:url("/images/copyright_popup.gif") no-repeat top center;	
  width:735px;
  height:30px;
}

/*
================================================================================
0.汎用
================================================================================
*/
/* 位置 */
.center{
  text-align:center!important;
}
.right{
  text-align:right;
}
.left{
  text-align:left;
}

/* 回り込み */
.f-left{
  float:left;
}
.f-right{
  float:right;
}
.clear{
  clear:both;
}

/* フォント */
.small{
  font-size:80%;
}
.big{
  font-size:120%;
}

/* カラー */
.red{
  color:#e2536b;
}