@charset "EUC-JP";

/*--------------------------------------------------  General */

body {
  font-size:10pt; 
  background:#1e90ff; 
  margin:3px 10px 0px 10px; 
  padding:0px; 
  text-align:center;/*forIE AntiBug*/ 
  line-height:1.2;
}

td   {
  font-size:10pt; 
  line-height:1.2;
}

a:link,a:active,a:visited {
  color:#00F; 
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}
a img {border: none;}
img {
  border: 0;
  margin: 0;
  padding: 0;
}


.clear {
    clear:both;
}

/*-------------------------------------------------- /General */

/*--------------------------------------------------  MainRayout */

#container {
  width:980px; 
  background:#FFF; 
  margin:0px auto;
  position:relative;
  text-align:left;
}

#header {
  width:980px; 
  margin:0px; 
  padding:0px; 
}

#header2 {
  width:980px; 
  margin:0px; 
  padding:10px 0px 0px 10px; 
}

#menuleft  {
  float:left; 
  width:180px; 
  margin:10px 15px 0 10px;
  padding:0;
  display:inline;
  overflow:hidden;
}

#menuright {
  float:right; 
  width:180px; 
  margin:10px 10px 0 0; 
  padding:0;
  overflow:hidden;
  display:inline;
}

#main {
  float:left;
  width:570px;
  margin:10px 0 0 0; 
  padding:0;
  overflow:hidden;
  display:inline;
}

#footer2 {
  clear:both; 
  width:980px; 
  margin:0px; 
  padding:25px 10px 10px 0px; 
  text-align:right;
}

#footer  {
  clear:both; 
  width:980px; 
  margin:0px; 
  padding:5px; 
  background:#1e90ff; 
  color:#ffffff;
}

/*-------------------------------------------------- /MainRayout */



/*================================================== Old ===============================================================*/


.table_header2 {width:960px; border:0px; background:#f5f5f5; margin:0px; padding:0px;}

.main_td   {padding:0px 0px 10px 0px;}
.main_td2   {padding:10px 0px 10px 0px; background-color:#f5f5f5;}
.main_tdtitle {padding:0px 0px 0px 50px; color:#FFFFFF; font-size:10pt; font-weight:bold;}

.table_l       {width:180px; margin:0px; padding:0px;}
.table_l2      {width:180px; margin:0px; padding:0px; align:left;}
.table_line    {border-right:1px solid #1e90ff; border-left:1px solid #1e90ff; border-bottom:1px solid #1e90ff;}
.table_text    {padding:5px; line-height:1.5;
                border-right:1px solid #1e90ff; border-left:1px solid #1e90ff; border-bottom:1px solid #1e90ff;}
.table_dash    {padding:5px; line-height:1.5;
                border-right:1px solid #1e90ff; border-left:1px solid #1e90ff; border-bottom:1px dashed #1e90ff;}
.table_none    {padding:5px; line-height:1.5; border-right:1px solid #1e90ff; border-left:1px solid #1e90ff;}
.table_bana    {padding-bottom:7px;}

.table_select {background:#f5f5f5; margin:0px 0px 10px 0px; line-height:1.5; font-size:8pt;}
.table_select a {color:#666666; text-decoration:underline;}
.table_select a:link {color:#666666; text-decoration:underline;}
.table_select a:active {color:#666666; text-decoration:underline;}
.table_select a:visited {color:#666666; text-decoration:underline;}
.table_select a:hover {color:#666666; text-decoration:underline;}


.main_title
{width:570px; margin:0px 0px 10px 0px; padding:5px 5px; text-align:left; font-weight:bold; font-size:13pt; color:#1e90ff;
 border-left:4px #1e90ff solid; border-bottom:4px #1e90ff solid;}
.main_title2
{width:570px; margin:0px 0px 10px 0px; padding:5px 5px; text-align:left; font-size:11pt; color:#000000;
 background:#f5f5f5; border-left:4px solid #000000;}
.main_title3
{width:570px; margin:0px 0px 10px 0px; padding:5px 5px; text-align:left; font-size:11pt; color:#FFFFFF;
 background:#ff9f01; border-left:4px solid #000000;}
.main_text
{margin:0px 0px 25px 9px; text-align:left;} 

.kai_title2
{width:220px; margin:10px 0px 5px 10px; padding:3px 3px; text-align:left; font-size:11pt; color:#666666;
 background:#ffffff; border:1px solid #666666; text-align:center;}
.kai_title3
{width:570px; margin:0px 0px 10px 0px; padding:5px 5px; text-align:left; font-size:11pt; color:#cc0000;
 background:#ffffff; border-top:3px solid #cc0000; border-bottom:3px solid #cc0000;}
.kai_text2 {margin:0px 0px 10px 10px; text-align:left;}


/*================================================== /Old ===============================================================*/

/* program */

.kanren_text  {padding:5px;
               border-right:1px solid #1e90ff; border-left:1px solid #1e90ff; border-bottom:1px solid #1e90ff;}
.kanren_dash  {padding:5px;
               border-right:1px solid #1e90ff; border-left:1px solid #1e90ff; border-bottom:1px solid #1e90ff;}

.list_table  {border-bottom:1px solid #1e90ff;}
.list_price  {font-weight:bold; font-size:19px; color:#FF0000;}
.list_price2 {font-weight:bold; font-size:17px; color:#FF0000;}
.list_name   {background:#f5f5f5; font-weight:bold; font-size:17px; padding:3px; margin:10px 0px 5px 0px;}

.zaiko_name   {background:#f5f5f5; font-weight:bold; font-size:17px; padding:3px; margin:5px 0px 15px 0px;}
.zaiko_title
  {width:80px; margin:5px 0px 5px 0px; padding:3px 3px; text-align:center; color:#666666;
   background:#ffffff; border:1px solid #666666;}
.zaiko_num    {font-weight:bold; font-size:18px;}
.zaiko_dash   {border-bottom:1px solid #cccccc; padding:3px 0px 6px 0px; margin:0px 0px 6px 0px;}
.zaiko_dash2  {border-bottom:1px solid #cccccc; padding:6px 0px 6px 0px; margin:0px 0px 6px 0px;}
.zaiko_dash3  {border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:3px 0px 6px 0px; margin:0px 0px 6px 0px;}
.zaiko_space  {padding:0px; margin:15px 0px 15px 0px;}
.zaiko_price  {font-weight:bold; font-size:26px; color:#FF0000;}
form.zaiko    {margin:15px 0px 15px 0px;}

.zaiko_emo
{width:250px; margin:5px 0px 5px 0px; padding:5px 5px; text-align:center; color:#ffffff;
 background:#ff0000; border:0px; font-weight:bold;}
form.emo      {margin:5px 0px 10px 0px;}

.form_button {width:12em; height:1.5em;}
.form_bottom {border-bottom:1px solid #1e90ff;}
.form_table  {border-bottom:1px solid #1e90ff; margin:10px 0px 25px 0px;}
.form_title 
{width:100px; margin:3px 0px 3px 0px; padding:5px 5px; text-align:center; font-size:10pt; color:#000000; background:#f5f5f5;}

.textform {margin:8px 0px;}
.textformbutton {width:6em; height:2em; margin:0px 0px 8px 0px;}

.l_formsp {margin:0px;}
.l_form {margin:3px 0px 3px 7px;border: 1px solid #7f9db9 \9;}
div#container div#menuleft div#dtl_search input.l_formtext {
    margin:0px; 
    border:2px solid #333333;
    width:160px;
}/*  text入力フォーム修正 09/12/16   */
.l_formline {border-right:1px solid #1e90ff; border-left:1px solid #1e90ff; padding:3px 0px 3px 7px;}
.l_formline2 {border-right:1px solid #1e90ff; border-left:1px solid #1e90ff; padding:10px 0px 3px 7px;}

.style20 {font-size: 13px; line-height: 120%; vertical-align: middle;}
.style19 {font-size: 13px; line-height: 120%; font-weight: bold; color: #FF0000}

/* program */


/*=============================================================== IOSYS 58 =======================================================================*/



/*==========================================   Header   ==========================================*/

h1 {
  width:980px;
  margin:0;
  padding:0px 0px 3px 0px;   
  font-size:100%; 
  font-weight:normal; 
  color:#FFF;
  background:#1e90ff;
  text-align:left;
  display:block;  
}

div#container div#header_new {
  margin: 0;
  padding: 0;
  width:980px;
  height:120px;
  position:relative;
}  

div#container div#header_new p#iosys_logo {
  width:130px;
  height:115px;
  margin: 0;
  padding: 0;
  position:absolute;
  top:5px;
  left:0px; 
}

div#container div#header_new p#title_print {
  margin: 0;
  padding: 0;
  position:absolute;
  left:133px;
  top:0;
}  

div#container div#header_new p#cart {
  margin: 0;
  padding: 0;
  position:absolute;
  top:0;
  right:10px;
}

div#container div#header_new ul {
  list-style:none;
  width:840px;
  height:35;
  margin: 0;
  padding: 0;
  position:absolute;
  top: 85px;
  left:130px;
}

div#container div#header_new ul li {
  margin: 0;
  padding: 0;
  float:left;
}

#header_card {margin: 9px 10px 8px;}

/*  sitemap */

div#container p#sitemap {
    margin: 0;
    padding: 0;
    color:#FFF;
    font-size:100%;
    position:absolute;
    top: 1px;
    right: 1px;
}  

div#container p#sitemap a {
  background: url(/item/smi.gif) no-repeat center left;
  margin:0;
  padding:0 0 0 13px;
  color:#FFF;  
}  

/* /sitemap */

/*==========================================   /Header   ==========================================*/

/*==========================================   Left Navi   ==========================================*/

/* zaiko_Genre */

/*  for ZaikoGenreCSS 2009/10/8 freezing now. Please don't touch.  No58

div#container div#menuleft div.zaiko_genre {
  border: 1px solid #1e90ff ;
  width: 180px ;

}

div#container div#menuleft div.zaiko_genre h4 {
  text-indent:-9999px;
  width:180px;
  height:25px;
  background:url(/item/menu_title2.gif) no-repeat ;
  margin: 0 0 5px 0 ;
  padding: 0;
}

div#container div#menuleft div.zaiko_genre div.zaiko_genrebox {
  padding:5px; 
  line-height:1.5;
}
*/

/* /zaiko_Genre */

/* k-tai */


div#container div#menuleft div.left_ktai {
  width: 180px;
  font-size: 14px;
  margin-top: 10px;
}

div#container div#menuleft div.left_ktai h4 {
  text-indent:-9999px;
  width:180px;
  height:25px;
  background:url(/item/menu_title_k-tai.gif) no-repeat ;
  margin: 0 ;
  padding: 0;
}

div#container div#menuleft div.left_ktai dl {
  width:178px;
  display:block;
  margin-top: -3px ;
  padding: 0px 0 0 0;
  border-right: 1px solid #1e90ff ;
  border-bottom: 1px solid #1e90ff ;
  border-left: 1px solid #1e90ff ;

}


div#container div#menuleft div.left_ktai dl dd {
  width:178px;
  display: block ;
  margin: 0px ;
  padding: 0px ;
  text-indent: 14px ;
}  

div#container div#menuleft div.left_ktai dl dd a {
  display:block;
  color:#0000FF; 
  text-decoration:none;
  padding-top: 1px;
}

div#container div#menuleft div.left_ktai dl dd a:hover {
  display: block ;
  background: #FF0 ;
}

/* /k-tai */

/* Left_Banner */

#left_category h3 {text-align: center;padding: 10px 0;}

div.left_bana, .right_group {
  width:180px;
  margin: 0;
  padding:0;
  text-align:center;
  margin-top: 10px;padding-top: 10px;
  border-top: 1px dashed #ccc;
} 

div.left_bana p {
  margin: 0;
  padding:0;
}

div.left_bana h4 {
  text-indent:-9999px;
  width:180px;
  height:20px;
  background:url(/item/top_series180.gif) no-repeat ;
  margin: 0 0 5px 0 ;
  padding: 0;
}   

div.left_bana ul {
  margin:0;
  padding:0;
}  

div.left_bana ul li {
	list-style: none;
	padding: 0;
	margin-top: 5px;
}
.left_bana a, .right_bana a {
    transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
}

.left_bana a:hover img, .right_bana a:hover img {
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
}

#series_1108 {}
#series_1108 ul {/margin-top: -3px;padding: 0 !important;}
#series_1108 ul li {padding: 0 !important;display: inline;}
#series_1108 ul li a {display: block;width: 180px; height: 80px;}

#top_fan {
	position: relative;
	background: url(/item/top_fan_screen.gif) left top no-repeat;
	height: 337px;
	margin-bottom: 5px;
}
	#top_fan ul {position: relative;top: 75px;}
		#top_fan ul li {margin-top: 5px;}

#side_ranking3 {}

	#side_ranking3_header {
		width: 180px;height: 34px;
		background: url(/item/side_ranking3_header.gif) left top no-repeat;
	}
	#side_ranking3_footer {
		width: 180px;height: 13px;
		background: url(/item/side_ranking3_footer.gif) left top no-repeat;
	}
#side_ranking3 ul {padding: 5px;background: url(/item/side_ranking3_main.gif) left top repeat-y;}
	#side_ranking3 li {padding-top: 18px;margin-top: 10px;}
		#side_ranking3 .no1 {background: url(/item/side_ranking3_no1.gif) left top no-repeat;}
		#side_ranking3 .no2 {background: url(/item/side_ranking3_no2.gif) left top no-repeat;}
		#side_ranking3 .no3 {background: url(/item/side_ranking3_no3.gif) left top no-repeat;}
	#side_ranking3 li a {display: block;height: 80px;background: #fff;}


#top_i-heli {
	position: relative;
	background: url(/item/top_iheli_screen.gif) left top no-repeat;
	height: 360px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
	#top_i-heli ul {position: relative;top: 87px;}
		#top_i-heli ul li {margin-top: 5px;padding: 0;}
			#top_i-heli li a:hover img {
				opacity: 0.98;
				-moz-opacity: 0.98;
				filter: alpha(opacity=98);
			}

#side-smartphone {
	background: url(/item/sidebar_smartphone_header.gif) left top no-repeat;
	padding-top: 30px;
	zoom: 1;
}
	#side-smartphone ul {
		background: url(/item/sidebar_smartphone_footer.gif) left bottom no-repeat;
		padding-bottom: 5px;
	}
	#side-smartphone li {margin: 0;display: inline;}
		#side-smartphone li a {display: block;width: 180px;height: 90px;}


#side-soeri {
	background: url(/item/side_so_eri_header.gif) left top no-repeat;
	padding-top: 38px;
	zoom: 1;
}
	#side-soeri ul {
		background: url(/item/side_so_eri_footer.gif) left bottom no-repeat;
		padding-bottom: 2px;
	}
	#side-soeri li {margin: 0;display: inline;}
		#side-soeri li a {display: block;width: 180px;height: 180px;}


/* /Left_Banner */


/*==========================================  /Left Navi   ==========================================*/

/*==========================================   Right Navi   ==========================================*/


/* Right_Banner */

.right_bana {width: 180px;}
	.right_bana, .right_bana ul {
	  margin: 0;
	  padding:0;
	} 


.right_bana ul li {
  list-style: none;
  padding: 0 0 3px 0;
}  

/* /Right_Banner */


/*==========================================  /Right Navi   ==========================================*/

/*==========================================  Main   ==========================================*/

/*  Main_h2  */ 
div#container div#main h2 {
    width:570px;
    margin:0 0 12px;
    padding: 9px 0;
    background:url(shop/event/0905_1/iosyssetumei.gif) no-repeat;
    text-align:center;
    font-weight:bold;
    font-size:100%;
}
/* /Main_h2  */

/*  Main_h3  */
div#container div#main h3 {
    margin: 0;
	margin-top: 10px;
    padding: 13px 0 12px 50px;
    color:#FFF;
    font-weight:bold;
    background:url(item/main_back.gif) no-repeat;
    font-size:100%;
}
/* /Main_h3  */

/* main news ********************************************************************************************/

div#container div#main div.news_box {
  width:570px;
  margin: 0 0 12px 0 ;
  padding: 0;
}

div#container div#main div.news_box h3 {
    background:url(item/news.gif) no-repeat;
}

div#container div#main div.news_box ul {
  list-style:none;
  margin:0;
  padding:0 30px;
  border-right:1px solid #1e90ff;
  border-bottom:1px solid #1e90ff;
  border-left:1px solid #1e90ff;  
  font-weight:bold;
}

div#container div#main div.news_box ul li {
  margin: 0 0 5px;
  padding:0;
}  
    
    
/*　/main news ********************************************************************************************/  


/*  Main_BannerBox  */

div#container div#main p {
  width:570px;
  line-height:14px;
  margin: 0 0 12px 0;
  padding: 0;
  text-align:left;
  font-weight: bold; 
  font-size: 12px;  
}

.banar_u {
  font-weight: bold; 
  font-size: 12px;
}

/*  Main_Banner List inline2  */

div#container div#main ul.inline2 {
  width:570px;
  height:250px;
  list-style:none;
  margin: 0 0 20px 0;
  padding: 0;
  text-align:left;
  font-weight: bold; 
  font-size: 12px;
  line-height:14px;  
  clear:both;  
}
@-moz-document url-prefix() {div#container div#main ul.inline2 {line-height:12px;}}
/*forFirefox hack*/

div#container div#main ul.inline2 li {
  width:283px;
  margin: 0;
  padding:0;
  float:left;
}

/* /Main_Banner List inline2  */

/*  Main_Banner List inline3  */

div#container div#main ul.inline3 {
  width:570px;
  list-style:none;
  line-height:14px;
  margin: 0 0 10px 0;
  text-align:left;
  font-weight: bold; 
  font-size: 12px;
  clear:both;  
}
@-moz-document url-prefix() {div#container div#main ul.inline3 {line-height:12px;}}
/*forFirefox hack*/

div#container div#main ul.inline3 li {
  width:190px;
  margin: 0;
  padding:0;
  float:left;
}

/* /Main_Banner List inline3  */

/*     inline4    */

div#container div#main ul.inline4 {
  width:570px;
  height:143px;
  list-style:none;
  margin: 0 0 12px 0;
  padding: 0;
  clear:both;
}

div#container div#main ul.inline4 li {
  width:143px;
  margin: 0;
  padding:0;
  float:left;
}

div#container div#main ul.inline4 li.dcmsrs {
  width:141px;
}

div#container div#main ul.inline4 li img {
    vertical-align:bottom;
}

div#container div#main ul.inline4 li a:hover {
  border-bottom: 2px solid #00F;
}

/*    /inline4    */


/*    inline5    */

div#container div#main ul.inline5 {
  width:570px;
  height:114px;
  list-style:none;
  margin: 0 0 12px 0;
  padding: 0;
  text-align:left;
  font-weight: bold; 
  font-size: 12px;
  line-height:14px;  
  clear:both;  
}
@-moz-document url-prefix() {div#container div#main ul.inline5 {line-height:12px;}}
/*forFirefox hack*/

div#container div#main ul.inline5 li {
  width:285px;
  margin: 0;
  padding:0;
  float:left;
}

/*    /inline5    */

.twtr-bd {
  width: 180px;
  word-break: break-all;
}

.cf:before,.clearfix:before,
.cf:after,.clearfix:after {
    content:"";
    display:table;
}
 
.cf:after,.clearfix:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf,.clearfix {zoom:1;}

.global_phone h2 {margin-bottom: 0;}

.global_phone p {line-height: 1.4;}

.global_phone .style8 {font-weight: bold;color: #f00;}

.mail #container {overflow: hidden;}
/*==========================================  /Main   ==========================================*/


#beat-on-min {position: relative;width: 180px; height: 70px;}
#beat-on-min img {
    position: absolute;left: 0;top: 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
#beat-on-min #beat1 {z-index: 999;}
#beat-on-min a:hover #beat1 {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(300px, 0);
    -moz-transform: translate(300px, 0) scale(1.1);
    -webkit-transform: translate(300px, 0) scale(1.1);
}

#new_item_box {position: relative;width: 180px;height: 73px;}
	#new_item_box img {position: absolute;left: 0;top: 0;}
		#new_item_box a:hover img {
			opacity: 1;
			-moz-opacity: 1;
			filter: alpha(opacity=100);
		}
	#new_item_box #new_item_check {left: 2px;top: 29px;display: none;z-index: 999;}
		#new_item_box a:hover #new_item_check {display: inline;}


#social_icons ul {
	list-style:none;
	padding: 0;margin: 10px 0;
}
#social_icons li {
	float: left;display: inline;
	margin-left: 10px;
}

.style_reset {margin: 0;padding: 0;list-style: none;}


/*--------------------------------------------------  assessment */

.ass_text {
	width: 168px;
	margin-left: 5px;
}

div#container div#menuleft div.assessment_10 {
  width:180px;
  color:#FFF;
  font-weight:bold;
  background:#3CF;
  margin: 0 auto 10px auto;
  padding:0;
}

div#container div#menuleft div.assessment_10 h3 {
  text-indent:-9999px;
  background:url(http://k-tai-iosys.com/item/menu_satei3.gif) no-repeat;
  width:180px;
  height:70px;
  margin: 0;
  padding: 0;
}

div#container div#menuleft div.assessment_10 FORM{
  margin:0;
  padding:0 0 10px;
}
    
div#container div#menuleft div.assessment_10 p {
  display:block;
  border-top:1px dashed #FFF; 
  width:180px; 
  padding:10px 0; 
  margin: 0 auto;
}

div#container div#menuleft div.ass_button2 {
  width:3em; height:2em;
}

div#container div#menuleft div.ass_text	 {
  width:10em; 
  border:2pt solid #666; 
  margin-bottom:5px; 
  margin-top:5px;
}

/*-------------------------------------------------- /assessment */