@charset "shift_jis";

/*****************
     Top Page
*****************/
#colomn2 .left{
	padding:0;
	margin:0 auto;
	width:188px;
	float:left;
}

#colomn2 .right{
	padding:0 0 0 10px;;
	margin:0 auto;
	width:362px;
	float:left;
}

#colomn3 .item1{
	padding-bottom:25px;
}

.caption{
	padding:3px 3px 0 3px;
	text-align:left;
	font-size:10px;
	line-height:140%;
}

.caption .ttl{
	color:#485f90;
	font-weight:bold;
	font-size:14px;
}

/*** UPDATE LINK **/
.prd_lnk2{
	font-size:inherit;
	padding:5px 0 0 5px;
	line-height:120%;
}

.prd_lnk2 a:link,
.prd_lnk2 a:visited{
	color:#666;
	text-decoration:none;
}

.prd_lnk2 a:hover,
.prd_lnk2 a:active{
	color:#666;
	text-decoration:underline;
}

.pd_btm5{
	padding-bottom:5px;
}


#topnews{
	margin-top:30px;
}

#topnews .left_box{
	width:350px;
	float:left;
}

#topnews .right_box{
	width:350px;
	float:right;
}

#topnews .right_box li{
	margin-bottom:8px;
}

#topnews .right_box2{
	width:350px;
	float:right;
}

#topnews .right_box2 li{
	margin:0 0 10px 0;
	line-height:0;
	font-size:0;
}

#topnews .right_box2 .anodd{
	clear:both;
}

#topnews .ttl{
	color:#737377;
	margin:10px 0; 
	border-bottom:#737377 2px solid;
	font-size:100%;
	font-weight:bold;
}

#topnews li,
#topnews li a{
	line-height:1.8em;
	font-size:12px;
	text-align:left;
}

/*****************
   Products Page
*****************/

/***** Right of 2Colommun */
.head_STAEDTLER .pan{
	font-size:100%;
}

#colomn_main .itembox{
	width:376px;
	padding-left:377px;
	text-align:left;
}

#colomn_main .item{
	padding:0 0 15px 0;
	margin:0 auto;
	width:188px;
	float:left;
}

.item .caption{
	color:#485f90;
	font-size:93%;
	line-height:130%;
	padding-left: 10px;
	white-space: nowrap;
}

.item .caption2{
	color:#485f90;
	font-size:93%;
	width: 180px;
}

.head_STAEDTLER {
	text-align:left;
	color: #737377;
	font-size: 100%;
	border-bottom:#737377 1px solid;
	margin-bottom: 15px;
	line-height:30px;
}

.head_STAEDTLER a:link,
.head_STAEDTLER a:visited{
	color: #737377;
	text-decoration:none;
}

.head_STAEDTLER a:hover,
.head_STAEDTLER a:active{
	color: #737377;
	text-decoration:underline;
}

/************************
     Product Dtail
/***********************/
.detail_ttl,
.detail_ttl2{
	background-color:#fff;
	margin-bottom:5px;
	padding:3px 5px 3px 5px;
	font-size:100%;
	color:#000099;
	text-align:left;
	line-height:30px;
	border-bottom:#000099 2px solid;
}

.detail_ttl2{
	font-size:16px;
	line-height:40px;
	border-top:#000099 2px solid;
}

.detail_ttl_txt{
	float:left;
	display:inline;
}

.detail_ttl_logo1{
	float:right;
	padding:5px 10px 0 0;
	display:inline;
}

/******2col Contents Table******/
#colomn_main td.lar{
	width:365px;
	text-align:center;
	vertical-align:top;
}

#colomn_main td.cnt{
	width:23px;
}

.prd_center{
	text-align:center;
}

.prd_left{
	text-align:left;
}

/*********2colmun table sepalate*****/
#colomn_main .td2colm{
	padding-bottom:5px;
	text-align:center;
	width:365px;
}

/*****************
    NEWS Page
*****************/
ul.news_bn{
	text-align:right;
}

ul.news_bn li{
	margin-bottom:8px;
}

/*******************
  Staedtler Radio
*******************/
#radio{
	text-align:left;
	margin:0 auto;
	padding:0;
	width:700px;
	margin-bottom:20px;
	height:auto;
}

#radio .topcatch{
	margin-bottom:11px;
}

#radio .entry{
	margin-bottom:35px;
}

#radio .subttl_txt{
	text-align:left;
	/*margin-bottom:18px;*/
	margin-bottom:10px
}

#radio .movie_lft{
 float:left;
 text-align:center;
 line-height:180%;
}

#radio .movie_rgt{
 float:right;
 text-align:center;
 line-height:180%;
}

#radio .p_cmt{
	padding-left:25px;
	margin-bottom:25px;
	line-height:180%;
	font-size:11px;
}

#tabnav{
	margin:20px 10px 0 10px;
	text-align:right;
	width:690px;
}

#tabnav li{
	float:right;
	display:inline;
	cursor:pointer;
	background:url(../staedtler_radio/images/tab_off.png) left top no-repeat;
	width:160px;
	padding-left:5px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	line-height:1.0em;
}

#tabnav a{
	display:block;
	width:160px;
	padding-top:15px;
	height:25px;
	text-align:center;
	font-weight:bold;
	position:relative;
	left:-5px;
}

#tabnav a:link,
#tabnav a:visited{
	display:block;
	color:#666;
}

#tabnav a:hover,
#tabnav a:active{
	display:block;
	color:#ce3858 !important;
	text-decoration:underline;
	background:url(../staedtler_radio/images/tab_on.png) left top no-repeat;
}

/*#tabnav li a:hover,
#tabnav li a:active{
	background:url(../staedtler_radio/images/tab_on.png) left top no-repeat;
	width:160px;
	padding-top:15px;
	padding-left:5px;
	height:25px;
}
*/
.current{
	color:#ce3858;
}

#tab-content{
	width:700px;
	min-height:2000px;
	height:auto;
}

#loading{
	margin-top:30px;
	text-align:center;
}

/****MP3 PLAYER ******/
.playerBox{
	width:665px;
	height:55px;
	background-color:#999;
	padding:10px 10px 10px 25px;
}

#mars{
	margin:0 auto;
	text-align:left;
}

#mars .lstbox{
	background-color:#fff;
	padding:15px;
}

#mars .lstbox .inner{
	padding:10px;
}

#mars .lstbox .inner dl.l{
	width:340px; float:left;
}

#mars .lstbox .inner dl.r{
	width:340px; float:right;
}


#mars .lstbox .inner dt{
	font-size:13px;
	font-weight:bold;
	padding:10px 0 5px 0;
}

#mars .lstbox .inner dd{
	padding-left:15px;
}

#mars .lstbox .inner dt a:link,
#mars .lstbox .inner dt a:visited{
	color:#666;
	text-decoration:underline;
}

#mars .lstbox .inner dt a:hover,
#mars .lstbox .inner dt a:active{
	color:#7990C2;
	text-decoration:none;
}

#mars .lstbox .inner dd a:link,
#mars .lstbox .inner dd a:visited{
	color:#7990C2;
	text-decoration:underline;
}

#mars .lstbox .inner dd a:hover,
#mars .lstbox .inner dd a:active{
	color:#7990C2;
	text-decoration:none;
}

#mars .maparia{
	text-align:center;
}

#mars .maparia iframe,
#mars .pref_map iframe{
	border:#999 1px solid;
}

#mars .lsttbl{
	padding:0;
	margin:0 auto 40px auto;
	text-align:left;
}

#mars .lsttbl .district{
	font-size:16px;
	font-weight:bold;
	background-color:#fff;
	padding:5px 0 5px 10px;
	margin-bottom:5px;
	text-align:left;
}

#mars .pref_ttl{
	font-size:16px;
	font-weight:bold;
	background-color:#fff;
	padding:5px;
	margin-bottom:15px;
}

#mars .lsttbl .ken{
	padding:0 0 5px 20px;
}

#mars .lsttbl .ken p{
	margin:0;
	padding:10px 0;
	font-weight:bold;
	line-height:100%;
}

#mars .lsttbl table{
	width:100%;
	background-color:#fff;
}

#mars .lsttbl th,
#mars .lsttbl td{
	border:#f3f2f1 1px solid;
	padding:3px;
	text-align:left;
}

#mars .lsttbl th{
	background-color:#e6e4f2;
	font-weight:normal;
}

#mars .lsttbl th.cnt,
#mars .lsttbl td.cnt{
		text-align:center;
}

#mars .pref_map{
	width:460px;
	float:left;
}

#mars .pref_lst{
	width:250px;
	height:425px;
	float:right;
	overflow:auto;
	background-color:#fff;
	padding:5px 10px;
}

#mars .pref_lst li{
	line-height:140%;
	padding:5px 0;
	border-bottom:#CCC 1px solid;
}

.news_bn{
	text-align:right;
	padding-right:20px;
}

.news_ttl{
  font-weight: bold;
  line-height: 30px;
  vertical-align: top;
  text-align: left;
}
