@charset "UTF-8";
/* 
	株式会社 CSKオフィシャルサイト
	common.css（共通スタイルCSS）
..................................................................... */

/*----- 画像 -----*/
img.picBD  {
	border: 1px solid #d6d6d6;
}
img.vam  {
	vertical-align: middle;
	margin-right: 5px;
}


/*----- 詳細を見る -----*/
.toDetail {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.toDetail li {
	background: url(../img/arrow.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	line-height: 1.2;
	min-height: 13px;
	height: auto !important;
	height: 13px;
	margin: 0;
}

/*----- インナー -----*/
.inner {
	padding: 0 10px;
	margin-bottom: 30px;
}

/*----- マウスオーバー画像 -----*/
.over {
	display: block;
	outline: none;
}
a.over:hover {
	text-indent: -9999px;
}


/*----- 一覧へ -----*/
.toList {
	display: block;
	text-align: right;
	background: #e9e9e9;
	padding: 5px 10px;
	list-style-type: none;
	margin: 0;
}

/*----- リンク -----*/
.arrow {
	background: url(../img/arrow_tri.gif) no-repeat 0 50%;
	padding-left: 10px;
}


/*------------------------
	tab（js切替）
-------------------------*/
#recentInfo {
	width: 100%;
/*	margin-top: 20px;*/
	margin-top:2px;
}
.ui-tabs-nav {
    background: url(../img/tab_info.gif) no-repeat;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ui-tabs-nav #tabA a {
    background: url(../img/tab_info.gif) 0 -28px no-repeat;
}
.ui-tabs-nav #tabP a {
    background: url(../img/tab_info.gif) -145px -28px no-repeat;
}
.ui-tabs-nav #tabR a {
    background: url(../img/tab_info.gif) -290px -28px no-repeat;
}
.ui-tabs-nav #tabA a:hover {
   background-position: 0 0px;
}
.ui-tabs-nav #tabP a:hover {
   background-position: -145px 0px;
}
.ui-tabs-nav #tabR a:hover {
   background-position: -290px 0px;
}
.ui-tabs-nav .ui-tabs-selected a{
	background: none !important;
}


/*=====	tab list =====*/
.ui-tabs-panel h3 {
	display: none;
}
#recentInfo .ui-tabs-panel li.first{
	border: none;
}


/*------------------------
	tab list
-------------------------*/
.commonTabUnit {
	border-bottom: 2px solid #0e3092;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
/*	margin-bottom: 4px;*/
}
.commonTabUnit h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.commonTabUnit ul {
	background: url(../img/tabin_bg.gif) repeat-x;
	line-height: 1;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.commonTabUnit li {
    background: url(../img/arrow.gif) no-repeat 10px 8px;
	padding: 8px 10px 8px 30px;
	margin: 0;
	min-height: 3px;
	height: auto !important;
	height: 13px;
	border-top: 1px dotted #c3c3c3;
	line-height: 1.2;
}
.commonTabUnit li.first {
	border-top: 3px solid #0E3092;
}

.commonTabUnit li img {
	vertical-align: middle;
	margin-right: 5px;
}


/* 日付 */
.commonTabUnit li span{
	display: block;
	margin-bottom: 0.3em;
	font-weight: bold;
}
.commonTabUnit li span strong{
	font-weight: normal;
/*	color: #cc0000;*/
	padding-left: 10px;
}
.commonTabUnit li span img{
	margin: 0 0 0 5px;
	vertical-align: bottom;
}

/* アイコン */
.commonTabUnit ul.iconLay li {
	background-position: 90px 8px;
	position: relative;
}
.commonTabUnit ul.iconLay li div {
	margin-left: 80px;
}
.commonTabUnit ul.iconLay li img.listIcon {
	vertical-align: bottom;
	position: absolute;
	left: 10px;
	top: 8px;
	margin: 0;
}
/* 赤字 */
.commonTabUnit li a span {
	display: inline;
	color: #C00 !important;
	padding-right: 0.5em;
	font-weight: normal;
}

/* ボタン付 */
.commonTabUnit li.btnLay {
	padding-right: 65px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	position: relative;
}
.btn {
	display: block;
	padding: 0;
	margin: -10px 0 0 0;
	position: absolute;
	right: 0;
	top: 50%;
}
#solution_seminar .commonTabUnit li.btnLay {
	padding-right: 140px;
}
#solution_seminar .btn img {
	margin: 0;
}
#solution_seminar .btn a {
	background: url(../img/btn_report_on.gif) no-repeat;
	display: block;
	width: 122px;
	height: 22px;
}

#ir_library .btn{
	right: 10px;
}



/*------------------------
	box
-------------------------*/
.box {
	background: #f2f1f1;
	border: 1px solid #d6d6d6;
	margin-bottom: 15px;
	padding: 5px;
}
.box h3 {
	border-bottom: 1px solid #bfbfbf;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 1em;
}
.box h3 span {
	display: block;
	background: url(../img/ttl_bg.gif) no-repeat;
	padding-left: 12px;
	margin: 0 5px 7px 5px;
	font-weight: bold;
}
.box p {
	margin: 0 0 1em 0;
}

.clearfix .box {
	width: 348px;
}
.box .imgPic {
	float: left;
	margin: 0 10px;
	_display: inline;
}
.box .toDetail {
	margin-left: 100px;
}


/*------------------------
	table
-------------------------*/
.tbl {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	width: 100%;
	background: url(../img/tableline_bg.gif) no-repeat -45px 0;
	margin-bottom: 20px;
	line-height: 1.3;
}
.tbl th {
	width: 100px;
	background: url(../img/tableline_bg.gif) no-repeat -45px 100%;
	padding: 10px 20px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}
.tbl td {
	background: url(../img/tableline_bg.gif) no-repeat -185px 100%;
	padding: 10px 10px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}
.tbl td.bdN {
	background: none;
	padding-bottom: 0;
}
.tbl th span {
	color: #c00;
}
.tbl caption {
	text-align: right;
	padding-bottom: 5px;
}
.tbl caption span {
	color: #c00;
}
.tbl td input {
	vertical-align: middle;
}

.tbl ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.tbl li {
	background: url(../img/arrow_tri.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	margin: 0;
	line-height: 1.5;
}
.tbl li img {
	vertical-align: middle;
}
.tbl table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: none;
	margin: 3px 0;
}
.tbl table th,
.tbl table td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: none;
	padding: 3px 10px;
}
.tbl table td {
	text-align: right;
}




/*------------------------
	パンくず
-------------------------*/
#topicPath {
	margin: 10px 0;
}
#topicPath span {
	text-indent: -9999px;
	display: block;
	font-size: 0;
	height: 0;
}



/*========================================
	main contents
=========================================*/

/*----- タイトル -----*/
#ttl {
	border-bottom: 1px solid #bfbfbf;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 1em;
}
#ttl span {
	display: block;
	background: url(../img/ttl_bg.gif) no-repeat;
	padding-left: 12px;
	margin: 0 5px 7px 5px;
	font-weight: bold;
	font-size: 130%;
}

/*----- リード -----*/
.lead {
	margin: 20px 0;
	padding: 0 15px;
	zoom: 100%;
}
.lead:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
}
.lead strong {
	color: #254a91;
	font-size: 130%;
	display: block;
	margin-bottom: 0.3em;
}
.lead p {
	margin: 0;
}
#contM .lead {
	margin-top: 0;
}
.lead p.fltR {
	margin: 0 0 10px 15px;
	width: 180px;
}

/* 背景画像有 */
.leadImg {
	padding: 25px 25px 0 25px;
	margin-bottom: 20px;
	min-height: 102px;
	height: auto!important;
	height: 102px;
}
.leadImg strong {
	color: #254a91;
	font-size: 130%;
	display: block;
	margin-bottom: 10px;
}
.leadImg p {
	margin: 0;
}


/*----- サブタイトル -----*/
.sttl {
	border-bottom: 2px solid #204388;
	padding: 0 0 8px 10px;
	line-height: 1;
	font-size: 120%;
	margin: 0 0 15px 0;
}
.sttl a {
	color: #333 !important;
	text-decoration: none !important;
}

.sttlTab {
	border-bottom: 3px solid #204388;
	padding: 0;
	line-height: 0;
	font-size: 0;
	margin: 0 0 10px 0;
}

/*----- サブサブタイトル -----*/
.ssttl {
	background: url(../img/ttl_bg.gif) no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}


/*----- 見出し -----*/
.cap {
	border: 1px solid #003399;
	text-align: center;
	padding: 20px 5px;
	font-weight: bold;
	font-size: 110%;
	margin: 1em 0;
	line-height:1.3;
}
.cap span {
	font-weight: normal;
	font-size: 90%;
	display: inline-block;
	margin-top: 5px;
}


/*----- tab -----*/
.tabUnit2 {
	position: relative;
	width: 100%;
	padding: 24px 0 0 0;
	margin: 0;
}
.tabUnit2 dt {
	position: absolute;
	line-height: 0;
	font-size: 0;
	top: 1px;
	left: 5px;
	display: block;
	background: url(../img/tab2_bg.gif) no-repeat;
	width: 83px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.tabUnit2 dt span {
	display: block;
	border-bottom: 1px solid #fff;
	margin: 0 1px;
	text-align: center;
}
.tabUnit2 dt img {
	vertical-align: bottom;
	margin-top: 4px;
}
.tabUnit2 dd {
	border-top: 1px solid #d6d6d6;
	margin: 0;
	padding: 0;
}
.tabUnit2 ul {
	padding: 5px 10px;
	margin: 0;
	list-style-type: none;
}
.tabUnit2 li {
	float:left;
	padding: 0 10px;
	margin: 0;
	line-height: 2;
}
.tabUnit2 li a {
	background: url(../img/arrow_tri.gif) no-repeat 0 50%;
	padding-left: 10px;
	white-space:nowrap;
	display: inline-block;
}

/*----- 角丸帯（blue） -----*/
.capRound {
	background: url(../img/round_bg_t.gif) no-repeat #254488;
	margin-bottom: 10px;
	margin-top: 20px;
}
.capRound h3,
.capRound h4 {
	background: url(../img/round_bg_b.gif) no-repeat 0 100%;
	width: 100%;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
.capRound strong {
	background: url(../img/round_bg_tr.gif) no-repeat 100% 0;
	display: block;
	width: 100%;
}
.capRound  span {
	background: url(../img/round_bg_br.gif) no-repeat 100% 100%;
	display: block;
	padding: 5px 10px;
	color: #FFF;
}


/*----- 角丸帯（グラデーション） -----*/
.capRound2 {
	background: url(../img/round2_bg_tl.gif) no-repeat 0 0;
	margin-bottom: 0.5em;
}
.capRound2 h4 {
	background: url(../img/round2_bg_tr.gif) no-repeat 100% 0;
	width: 100%;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
.capRound2 h4 strong {
	background: url(../img/round2_bg_bl.gif) no-repeat 0 100%;
	width: 100%;
	display: block;
}
.capRound2 h4 span {
	background: url(../img/round2_bg_br.gif) no-repeat 100% 100%;
	display: block;
	padding: 9px 0 5px 30px;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	font-weight: bold;
	color: #204388;
	line-height: 1;
}



/*----- notes -----*/
.notes {
	border-top: 1px dashed #c5c5c5;
	margin-top: 40px;
	font-size: 80%;
	padding: 1em 10px 0 10px;
}
.notes p {
	margin: 0;
}
.notes ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.notes li {
	background: url(../img/arrow_tri.gif) no-repeat 0 0.4em;
	padding: 0 0 0 8px;
	line-height: 1.5;
	margin: 0 0 0.5em 0;
}


/*----- リスト -----*/
.normalList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.normalList li {
	color: #204388;
	list-style-type: disc;
	margin: 0 0 0.5em 20px;
	padding: 0;
}
.normalList li span {
	color: #333;
}
.decList {
	margin: 0 10px 0.5em 30px;
	padding: 0;
	line-height: 1.5;
	list-style-type: decimal;
}
.decList li {
	margin: 0 0 0.5em 0;
	padding: 0;
}


/*----- ページアンカー -----*/
.boxNav {
	background: #f2f1f1;
	border: 1px solid #d6d6d6;
	margin: 20px 0;
	line-height: 2;
	padding: 10px 0 10px 10px;
	list-style-type: none;
}
.boxNav li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
}
.boxNav li a {
	background: url(../img/arrow.gif) no-repeat 0 50%;
	padding-left: 16px;
	display: inline-block;
	min-height: 13px;
	height: auto !important;
	height: 13px;
}


/*----- ページ内navi -----*/
#lnavBox ul.fltL {
	margin-right: 10px;
}
#lnavBox ul {
	width: 164px;
	background: #f2f1f1;
	border: 1px solid #d6d6d6;
	padding: 5px;
	margin: 0;
	list-style-type: none;
}
#lnavBox ul div {
	background: url(../img/ttl_bg.gif) no-repeat;
	padding-left: 10px;
	margin: 0 0 5px 5px;
}
#lnavBox ul div a {
	color: #333 !important;
	font-weight: bold;
}
#lnavBox ul div a:hover,
#lnavBox ul div a:active {
	text-decoration: none;
}
#lnavBox ul ul {
	width: auto;
	border-top: 1px solid #bfbfbf;
	border-right: none;
	border-left: none;
	border-bottom: none;
	padding-top: 10px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
}
#lnavBox ul li li {
	background: url(../img/arrow_tri.gif) no-repeat 0 0.3em;
	padding: 0 0 0 10px;
	line-height: 1.2;
	margin: 5px 0;
}

/*------------------------------
	第二階層ナビゲーションbox
-------------------------------*/
.navBox {
	width: 360px;
	margin-bottom: 15px;
}
.navBox h3 {
	background: url(../img/navbox_cap_bg.gif) no-repeat #112E6C;
	margin: 0;
	font-size: 1em;
	padding: 8px 15px;
	color: #FFF;
	font-weight: bold;
}
.navBox h3 a {
	color: #FFF !important;
}
.navBox .nbIn {
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	background: #f2f1f1;
	padding: 10px 15px;
	margin: 0;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	line-height: 1.5;
}
.navBox .nbIn ul {
	padding: 0 0 10px 0;
	margin: -5px 0 0 0;
	list-style-type: none;
}
.navBox .nbIn ul li {
	width: 160px;
	margin-top: 10px;
}
.navBox .nbIn ul li a {
	display: block;
	background: url(../img/nb_in_menu_bg.gif) no-repeat #f5f5f5;
	font-size: 80%;
	padding: 10px 5px 10px 20px;
	min-height: 55px;
	height: auto !important;
	height: 55px;
	border: 1px solid #CCC;
}
.navBox .nbIn ul li a strong {
	font-size: 140%;
}



/*========================================
	sub contents
=========================================*/

/*------------------------
	local navi
-------------------------*/
#lNav {
	line-height: 1;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
#lNav li{
	width: 100%;
	margin: 0;
	padding: 0;
}
*:first-child + html #lNav li{
	margin-bottom: -3px;
}
#lNav a {
	display: block;
}
#lNav a:hover,
#lNav a:active {
	text-decoration: none;
}
#lNav li a#lnavCap {
	background: url(../img/smenu_cap_bg.gif) no-repeat #122F6D;
	color: #FFF;
	padding: 8px 5px;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	width: 190px;
}
#lNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#lNav li a {
	background: url(../img/arrow_tri_b.gif) no-repeat 10px 1em;
	padding: 10px 5px 10px 23px;
	line-height: 1.2;
	width: 170px;
}
#lNav ul li {
	border-bottom: 1px solid #CCC;
}
#lNav ul ul {
	border: none;
}
#lNav ul ul li {
	border-top: 1px dotted #d6d6d6;
	border-bottom: none;
}
#lNav ul ul li a {
	background: url(../img/dot.gif) no-repeat 25px 1em;
	padding: 7px 5px 7px 35px;
	width: 158px;
}
#lNav li a:hover {
	background-color: #acc1dd;
}
#lNav ul li li a:hover {
/*	background-color: #eeeeee;*/
	background-color: #dddddd;
}

/* current */
#lNav li a.act,
#lNav li a.act:hover,
#solution #lNav li a#nav1,
#solution_solution #lNav li a#nav1,
#solution_seminar #lNav li a#nav2,
#solution_quality #lNav li a#nav3,
#solution_tnum #lNav li a#nav4,
#solution_datacenter #lNav li a#nav5,
#solution_mirai #lNav li a#nav6,
#ir_policy #lNav li a#nav1,
#ir_data #lNav li a#nav2,
#ir_library #lNav li a#nav3,
#ir_calendar #lNav li a#nav4,
#ir_information #lNav li a#nav5,
#ir_individual #lNav li a#nav6,
#ir_dp #lNav li a#nav7,
#press_2011 #lNav li a#nav1,
#press_2010 #lNav li a#nav2,
#press_2009 #lNav li a#nav3,
#press_2008 #lNav li a#nav4,
#press_2007 #lNav li a#nav5,
#recruit_newgraduates #lNav li a#nav1,
#recruit_career #lNav li a#nav2,
#corp_greeting #lNav li a#nav1,
#corp_missionstatement #lNav li a#nav2,
#corp_businessline #lNav li a#nav3,
#corp_outline #lNav li a#nav4,
#corp_board #lNav li a#nav5,
#corp_division #lNav li a#nav6,
#corp_base #lNav li a#nav7,
#corp_history #lNav li a#nav8,
#corp_grouplist #lNav li a#nav9,
#corp_guidance #lNav li a#nav10,
#corp_publication #lNav li a#nav11,
#corp_vi #lNav li a#nav12,
#csr_governance #lNav li a#nav1,
#csr_system #lNav li a#nav2,
#csr_action #lNav li a#nav3,
#csr_compliance #lNav li a#nav4,
#csr_privacy #lNav li a#nav5,
#csr_ookawa #lNav li a#nav6,
#csr_environment #lNav li a#nav7,
#csr_camp #lNav li a#nav8,
#csr_independence #lNav li a#nav9,
#csr_global #lNav li a#nav10,

#ir_en_policy #lNav li a#nav1,
#ir_en_data #lNav li a#nav2,
#ir_en_library #lNav li a#nav3,
#ir_en_information #lNav li a#nav4,
#ir_en_calendar #lNav li a#nav5,
#ir_en_dp #lNav li a#nav6,
#press_en_2011 #lNav li a#nav1,
#press_en_2010 #lNav li a#nav2,
#press_en_2009 #lNav li a#nav3,
#press_en_2008 #lNav li a#nav4,
#press_en_2007 #lNav li a#nav5,
#corp_en_greeting #lNav li a#nav1,
#corp_en_missionstatement #lNav li a#nav2,
#corp_en_businessline #lNav li a#nav3,
#corp_en_outline #lNav li a#nav4,
#corp_en_board #lNav li a#nav5,
#corp_en_division #lNav li a#nav6,
#corp_en_base #lNav li a#nav7,
#corp_en_history #lNav li a#nav8,
#corp_en_grouplist #lNav li a#nav9,
#corp_en_publication #lNav li a#nav10,
#corp_en_vi #lNav li a#nav11,
#csr_en_governance #lNav li a#nav1,
#csr_en_system #lNav li a#nav2,
#csr_en_action #lNav li a#nav3,
#csr_en_compliance #lNav li a#nav4,
#csr_en_privacy #lNav li a#nav5,
#csr_en_ookawa #lNav li a#nav6,
#csr_en_environment #lNav li a#nav7,
#csr_en_camp #lNav li a#nav8,
#csr_en_independence #lNav li a#nav9,
#csr_en_global #lNav li a#nav10,

#lNav ul li a.current,
#lNav ul li a:hover.current,
#lNav ul li a.parentsLink,
#lNav ul li a:hover.parentsLink {
	background-color: #cddaec;
}

#lNav ul li li a.current,
#lNav ul li li a:hover.current,
#lNav ul li li a.parentsLink,
#lNav ul li li a:hover.parentsLink {
	background-color: #eeeeee;
}

.bnrNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.bnrNav li {
	margin: 0 0 10px 0;
	padding: 0;
}


/*------------------------
	sub box
-------------------------*/
.subBox {
	border: 1px solid #d6d6d6;
	background: #f2f1f1;
	margin: 0 0 10px 0;
	padding: 8px 5px 0 5px;
	font-size: 85%;
}
.subBox dt {
	border-bottom: 1px solid #bfbfbf;
	margin: 0 0 8px 0;
	padding: 0;
}
.subBox dt strong {
	display: block;
	background: url(../img/ttl_bg.gif) no-repeat;
	padding-left: 10px;
	margin: 0 5px 7px 5px;
	font-size: 110%;
}
.subBox dt strong a {
	text-decoration: none !important;
	color: #333 !important;
}
.subBox dd {
	margin: 0;
	padding: 0;
}
.subBox ul{
	margin: 0 5px 0 5px;
	padding: 0;
	list-style-type: none;
}
.subBox p {
	margin: 0 5px 1em 5px;
	line-height: 1.5;
}


.sbList li {
	padding: 8px 0 0 0;
	margin: 0 0 8px 0;
	border-top: 1px dotted #c7c7c7;
}
.sbList li.first {
	padding-top: 0;
	border-top: none;
}
.sbList li div {
	margin-top: 5px;
}
.sbList li div img {
	vertical-align: middle;
}
.sbList li div.iconTxt {
	text-indent: -15px;
	padding-left: 15px;
}
.sbList li div.iconTxt img {
	margin-right: 3px;
}


/*------------------------
	お問い合わせ
-------------------------*/
#contact {
	border: 2px solid #0e3092;
	margin: 0 0 10px 0;
	padding: 0;
}
#contact dt {
	margin: 0;
	padding: 0;
}
#contact dt strong {
	display: block;
	background: url(../img/contact_bg.gif) repeat-x #112E6C;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	padding: 5px 0;
}
#contact dd {
	margin: 0;
	padding: 0;
}
#contact dl.toForm {
	border-bottom: 1px solid #CCC;
}
#contact dd dl {
	padding: 8px 5px;
	font-size: 90%;
	margin: 0;
}
#contact dd dd {
	text-align: center;
	margin-top: 8px;
}


/*------------------------
	訴求枠
-------------------------*/
#salesBox {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	border: 1px solid #ccc;
}
#salesBox * {
	margin: 0;
	padding: 0;
}
#salesBox dt {
	padding: 10px 5px 10px 45px;
	margin: 2px;
	background: url(../img/sales_ttl_bg.gif) no-repeat -10px 50%;
}
#salesBox dd {
	padding: 0px 2px 2px 2px;
}
#salesBox li {
	list-style: none;
	margin-top: 2px;
	background: url(../img/sales_li_bg.gif) repeat-y;
}
#salesBox li a {
	display: block;
	font-size: 80%;
	padding: 5px 5px 5px 25px;
	background: url(../img/star.gif) no-repeat 2px 50%;
}
#salesBox li a strong {
	display: block;
	font-size: 130%;
}
#salesBox li a:hover {
	background-color: #CEE3EC;
	text-decoration: none;
}



/*========================================
	汎用
=========================================*/
/* clear */
.clearfix:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
}
.clearfix {
	zoom: 100%;
}
.cl {
	clear: both;
}

/* float */
.fltL {
	float: left;
}
.fltR {
	float: right;
}

/* text */
.txtC {
	text-align: center !important;
}
.txtL {
	text-align: left !important;
}
.txtR {
	text-align: right !important;
}
.txtInd {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.f80 {
	font-size: 80%;
}
.f120 {
	font-size: 120%;
}

/* border */
.bdN {
	border: none !important;
}

/* margin */
.mg0 {
	margin: 0 !important;
}
.mgT0 {
	margin-top: 0 !important;
}
.mgT5 {
	margin-top: 5px !important;
}
.mgT30 {
	margin-top: 30px !important;
}
.mgT1e {
	margin-top: 1em !important;
}
.mgB0 {
	margin-bottom: 0 !important;
}
.mgB5 {
	margin-bottom: 5px !important;
}
.mgB10 {
	margin-bottom: 10px !important;
}
.mgB30 {
	margin-bottom: 30px !important;
}
.mgR0 {
	margin-right: 0 !important;
}
.mgR10 {
	margin-right: 10px !important;
}
.mgR25 {
	margin-right: 25px !important;
}
.mgL0 {
	margin-left: 0 !important;
}
.mgL10 {
	margin-left: 10px !important;
}
.mgL20 {
	margin-left: 20px !important;
}