/***********************************************/
/* 
FileName: main.css 2010-03-19
body:900px　leftnabi:200px　contents:670px

＜該当ブラウザに適応させるハック＞

●IE6に適応　* html

●IE7に適応　*:first-child+html

●IE8に適応　html:not(:target) 

●Opera(9.6以降)に適応　body:last-child

●Firefoxに適応　html:not([lang*=""])

●Safariに適応　html:not(:only-child:only-child)

●IE6で、マージンが2倍になってしまうバグは、
「display:inline;」で解決します。

●940は、全体の横幅を変更する箇所

●ナビの枠色は　#ddd59b　を変更する　※#CCCCCCは、共通使用部分あり。

●ナビの文字色は　#804000　を変更する

●ナビのオンマウス色は　#fbfaf4　を変更する

●ナビのダウンイメージ色は　#f5f3e7　を変更する

●本文の文字色は　#333333　を変更する

●フッターの文字色は　#929292　を変更する

●背景画像の保存先は、https://ssl.ac/common/　を変更する

*/

/************************************************/

/*------------------------------------------
Original style
------------------------------------------*/
/* 新しく作ったCSS定義は、この欄に記述してください。*/

.toptable{
	float: left;
	text-align: left;
	border: 1px solid #cccccc;
	width: 858px;
	color: #333333;
	padding:10px 20px 10px 20px;
	margin-bottom: 10px;
	display:inline;
	background-color: #ffffff;
	}


.table670{
	width: 670px;
	float: left;
	text-align: left;
	margin-bottom: 20px;
	}

.table670 td{
	padding: 6px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.table670 img{
	float: left;
	text-aline: left;
	}

.table670none{
	width: 670px;
	float: left;
	text-align: left;
	}

.top1box{
	float: left;
	text-align: left;
	width: 335px;
	}

.top1box img{
	margin: 0 auto;
	text-align: center;
	}

.top2area{
	width: 900px;
	}

.top2area p{
	float: left;
	text-align: left;
	margin-bottom: 5px;
	}

.top2area img{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 5px;
	}

.top2box{
	float: left;
	text-align: left;
	width: 423px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 10px;
	border: 1px solid #CCCCCC;
	display:inline;
	}

.top3area{
	width: 900px;
	}

.top3area p{
	float: left;
	text-align: left;
	margin-bottom: 5px;
	}

.top3area img{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 5px;
	}
	
.top3box{
	float: left;
	text-align: left;
	width: 248px;
	border: 1px solid #cccccc;
	padding: 10px 20px 10px 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	display:inline;
	}

.top3box p{
	float: left;
	text-align: left;
	margin-bottom: 5px;
	}

.top3box h2{
	float: left;
	text-align: left;
	margin-bottom: 5px;
	}

.top3box img{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
	width: 248px;
	}

.top4area{
	width: 900px;
	}

.top4area p{
	float: left;
	text-align: left;
	margin: 10px;
	}

.top4area img{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 5px;
	}
	
.top4box{
	float: left;
	text-align: left;
	width: 220px;
	display:inline;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	display:inline;
	}

.top4area .top4box p{
	float: left;
	text-align: left;
	margin: 10px;
	display:inline;
	}

.Class900none td{
	padding: 5px;
	}

.Class900 td{
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 5px;
	}

/*------------------------------------------
HTML style
------------------------------------------*/

body{
	font-size : 13px;
	text-align: center;
	color : #333333;
	font-weight : normal;
	margin: 0 auto;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", Meiryo, sans-serif;
	}

td,div{
	font-size : 13px;
	color : #333333;
	line-height : 150%;
	font-weight : normal;
	margin: 0px;
	padding: 0px;
	}

p{
	font-size : 13px;
	color : #333333;
	line-height : 150%;
	font-weight : normal;
	margin-bottom: 5px;
	padding: 0px;
	}

h1{
	text-align:left;
	font-size : 13px;
	color : #333333;
	font-weight : normal;
	margin-bottom: 5px;
	padding-top: 10px;
	}

h2 {
	font-size : 15px;
	color : #ff8000;
	line-height : 150%;
	font-weight : bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	}

h3,h4,h5,h6{
	font-size : 13px;
	line-height : 150%;
	font-weight : bold;
	color : #ff8000;
	padding-bottom: 5px;
	margin: 0px;
	}

strong{
	color : #333333;
	font-weight : normal;
	text-decoration : none;
	}

ul{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	list-style-type: none;
	}

table,li{
	font-size: 13px;
	color : #333333;
	margin: 0;
	padding: 0;
	line-height: 18px;
	border-collapse: collapse;
	}

th{
	font-weight: normal;
	text-align: center;
	}

a, a:link, a:visited{
	text-decoration: underline;
	}

a:hover{
	text-decoration: none;
	}

img{
	display: block;
	border: 0;
	padding: 0px;
	margin: 0px;
	}

form{
	padding: 0px;
	margin: 0px;
	}

span{
	padding: 0px;
	margin: 0px;
	}

/*------------------------------------------
important uassist
------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inline {
	display: inline !important;
	}

.mgn-rgt-0px {
	margin-right: 0 !important;
	}

/*------------------------------------------
Common Style
------------------------------------------*/

#wrapper{
	margin: 0 auto;
	text-align: center;
	background: url(https://ssl.ac/common/img/back-white.gif) ;
	padding: 0px;
	}

#backarea{
	margin: 0 auto;
	text-align: center;
	width: 900px;	/* 940 */
	background: url(https://ssl.ac/common/img/back-white.gif) ;
	background-repeat : repeat-y;
	padding: 0px;
	}

#mainarea{
	float: left;
	text-align: left;
	margin-left: 0px;
	width: 900px;	/* 940 */
	background-color: #ffffff;
	display:inline;
	}

.clear{
	clear: both;
	display:inline;
	}

.sp20{
	float: left;
	text-align: left;
	clear: both;
	width: 670px;
	height: 20px;
	}

.pict {
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	border: dotted #999999;
	border-width: 0 0 2px 0;
	margin-bottom: 20px;
	line-height: 0px;
}

.peagtop{
	float: left;
	text-align: left;
	clear: both;
	width: 670px;
}

.peagtop p{
	float: right;
	text-align: right;
	clear: both;
	width: 670px;
	margin-top: 20px;
}

/*------------------------------------------
headertop Navigation
------------------------------------------*/

#headertop{
	float: left;
	text-align: left;
	clear: both;
	width: 900px;	/* 940 */
	padding: 0px;
	margin: 0px;
	background: url(https://ssl.ac/common/img/back-white.gif) ;
	}

#headertop h1{
	float: left;
	text-align: left;
	padding-bottom: 5px;
	width: 650px;
	}

#headertop topnavi{
	float: left;
	text-align: left;
	width: 250px;
	padding: 0px;
	margin: 0px;
	}

ul#topnavi{
	float: left;
	text-align: left;
	}

ul#topnavi li{
	list-style-type: none;
	float: left;
	text-align: left;
	width: 120px;
	margin-top: 10px;
	margin-right: 5px;
	display:inline;
	}

/*------------------------------------------
Header
------------------------------------------*/

#headerarea{
	float: left;
	text-align: left;
	clear: both;
	width: 900px;	/* 940 */
	background: url(https://ssl.ac/common/img/back-white.gif) ;
	background-repeat : no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px solid #cccccc;
	}

#headerarea #logo_left{
	float: left;
	text-align: left;
	width: 500px;
	padding: 0px;
	margin-right: 0px;
	display:inline;
	}

#headerarea #logo_right{
	float: left;
	text-align: left;
	padding: 0px;
	width: 400px;
	margin: 0px;
	display:inline;
	}

#headerarea #logo_right img{
	float: right;
	text-align: right;
	margin-top: 44px;
	margin-left: 20px;
	display:inline;
	}

#headerarea #manual_right{
	float: left;
	padding: 0px;
	width: 450px;
	margin: 0px;
	display:inline;
	}

#headerarea #manual_right img{
	float: right;
	text-align: right;
	}

#headerarea #headermenu{
	float: left;
	text-align: left;
	width: 450px;
	padding: 0px;
	margin: 0px;
	}

#headerarea #headermenu #subNav {
	float: left;
	text-align: left;
	width: 450px;
	margin: 0px;
	padding: 0px;
	}

#headerarea #headermenu #subNav ul{
	float: left;
	text-align: left;
	width: 450px;
	padding: 0px;
	margin: 0px;
	}

#headerarea #headermenu #subNav li{
	float: left;
	text-align: left;
	width: 110px;
	list-style-type: none;
	margin-bottom: 15px;
	padding: 0px;
	}

.mainimge{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 20px;
	padding: 0px;
	width: 900px;
	background: url(/imges/mainback.jpg) no-repeat;
	}

.mainimge img{
	float: left;
	text-align: left;
	padding-top: 412px;
	padding-left: 686px;
	padding-bottom: 13px;
	}

#flashimge730 {
	float: left;
	text-align: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 730px;
	}

#flashimge670 {
	float: left;
	text-align: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 670px;
	}

#flashimge200 {
	float: left;
	text-align: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 900px;
	}

#flashimge140 {
	float: left;
	text-align: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 900px;
	}

/*------------------------------------------
Global Navigation
------------------------------------------*/

ul#globalNav{
	float: left;
	text-align: left;
	width: 900px;
	position: relative;
	top: 0px;
	padding: 0px;
	margin: 0px;
	}

ul#globalNav li{
	list-style-type: none;
	float: left;
	border-bottom: 0px solid #ddd59b;
	}

/*------------------------------------------
contentsArea

ナビ側に色を付けたい場合は画像を作り、
contentsAreaに貼る。
------------------------------------------*/

#contentsArea{
	float: left;
	text-align: left;
	width: 900px;	/* 940 */
	background: url(https://ssl.ac/common/img/back-white.gif) ;
	background-repeat : repeat-y;
	margin: 0px;
	padding: 0px;
}

#maincolumn{
	float: left;
	text-align: left;
	}

#contentscolumn{
	float: left;
	text-align: left;
	width: 698px;	/* コンテンツの幅＋28px */
}

#two_maincolumn{
	float: left;
	text-align: left;
	width: 670px;	/* コンテンツの幅 */
	margin-top: 20px;
	margin-left: 28px;
	paddin-bottom: 20px;
	display:inline;
	}

#two_maincolumn a,a:link,a:visited{
	text-decoration: underline;
	color: #0000ff;
	margin: 0;
	padding: 0;
	}

#two_maincolumn a:hover{
	text-decoration: none;
	color: #cccccc;
	margin: 0;
	padding: 0;
	}

#one_maincolumn{
	float: left;
	text-align: left;
	width: 900px;
	margin-top: 20px;
	padding: 0px;
	}

#three_maincolumn{
	float: left;
	text-align: left;
	width: 440px;
	margin: 0;
	padding: 0px;
	}

/*------------------------------------------
sidenabi
------------------------------------------*/

#leftnabi{
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 20px;
	display:inline;
	}

#leftlogo{
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	}

#leftlogo img{
	margin-bottom: 15px;
	}

#rightnabi{
	float: left;
	text-align: left;
	width: 200px;
	margin-left: 27px;
	padding-bottom: 20px;
	display:inline;
	}

.navi{
	float: left;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 200px;
	color: #333333;
	margin-bottom: 10px;
	display:inline;
	background-color: #ffffff;
	}

.navi ul {
	list-style-type: none;
	}

.navi li {
	clear: both;
	}

/* icon-gray.gif
icon-pink.gif
icon-green.gif
icon-blue.gif
icon-orange.gif */

.navi .level0 a {
	display: block;
	width: 167px;
	padding:8px 8px 6px 25px;
	background: url(http://www.khf.or.jp/common/icon-blue.gif) no-repeat;
	text-decoration: none;
	color: #0000ff;
	font-size : 13px;
	font-weight : normal;
	}

.navi .level0 a.onlink {
	width: 167px;
	background-color: #cccccc;
	padding:8px 8px 6px 25px;
	}

.navi .level0 a:visited {
	width: 167px;
	text-decoration: none;
	padding:8px 8px 6px 25px;
	color: #0000ff;
	font-size : 13px;
	font-weight : normal;
	}

.navi .level0 a:hover {
	background-color: #fbfaf4;
	}

.navi .level1 a {
	display: block;
	border-bottom: 1px solid #cccccc;
	width: 167px;
	padding:8px 8px 6px 25px;
	background: url(http://www.khf.or.jp/common/icon-blue.gif) no-repeat;
	text-decoration: none;
	color: #0000ff;
	font-size : 13px;
	font-weight : normal;
	}

.navi .level1 a.onlink {
	width: 167px;
	background-color: #f5f3e7;
	padding:8px 8px 6px 25px;
	}

.navi .level1 a:visited {
	width: 167px;
	text-decoration: none;
	padding:8px 8px 6px 25px;
	color: #0000ff;
	font-size : 13px;
	font-weight : normal;
	}

.navi .level1 a:hover {
	background-color: #fbfaf4;
	}

.navi .level2 a {
	display: block;
	border-bottom: 1px solid #ddd59b;
	width: 167px;
	padding:8px 8px 6px 25px;
	background: url(https://ssl.ac/common/img/icon-orange.gif) no-repeat;
	text-decoration: none;
	color: #804000;
	font-size : 13px;
	font-weight : normal;
	}

.navi .level2 a.onlink {
	width: 167px;
	background-color: #f5f3e7;
	padding:8px 8px 6px 25px;
	}

.navi .level2 a:visited {
	width: 167px;
	text-decoration: none;
	padding:8px 8px 6px 25px;
	color: #804000;
	font-size : 13px;
	font-weight : normal;
	}

.navi .level2 a:hover {
	background-color: #fbfaf4;
	}

.navi .level3 a {
	display: block;
	border-bottom: 1px solid #ddd59b;
	width: 160px;
	padding:7px 0px 7px 40px;
	background: url(https://ssl.ac/common/img/icon-orange.gif) no-repeat;
	text-decoration: none;
	color: #804000;
	font-size : 13px;
	font-weight : normal;
	}

.navi .level3 a.onlink {
	width: 160px;
	background-color: #f5f3e7;
	padding:7px 0px 7px 40px;
	}

.navi .level3 a:visited {
	width: 160px;
	text-decoration: none;
	padding:7px 0px 7px 40px;
	color: #804000;
	font-size : 13px;
	font-weight : normal;
	}

.navi .level3 a:hover {
	background-color: #fbfaf4;
	}

.naviimges img{
	margin: 0 auto;
	text-align: center;
	}

.naviimges {
	float: left;
	text-align: left;
	clear: both;
	background:none;
	border-bottom: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	width: 200px;
	}

.block{
	float: left;
	text-align: left;
	clear: both;
	width: 200px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	display:inline;
	}

p.ptag {
	float: left;
	text-align: left;
	width: 180px;
	padding-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	display:inline;
	}

.block img{
	margin: 0 auto;
	text-align: center;
	}

/*------------------------------------------
サイドナビ側　What's New
------------------------------------------*/

.news{
	float: left;
	text-align: left;
	clear: both;
	border: 1px solid #ddd59b;
	width: 200px;
	color: #333333;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #ffffff;
	}

.news img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	margin-bottom: 5px;
	}

.news .news_cnt{
	float: left;
	text-align: left;
	clear: both;
	width: 180px;
	margin-top: 9px;
	margin-bottom: 5px;
	margin-left: 10px;
	display:inline;
	}

.news .news_l img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	margin-bottom: 5px;
	}

.news .news_r{
	float: left;
	text-align: left;
	clear: both;
	width: 180px;
	margin-bottom: 5px;
	margin-left: 10px;
	display:inline;
	}

.news hr{
	float: left;
	text-align: left;
	width: 180px;
	border-style: dotted;
	border-color: #ddd59b;
	margin-left: 10px;
	margin-bottom: 5px;
	display:inline;
	}

.news .rss img{
	float: left;
	text-align: left;
	clear: both;
	margin-left: 10px;
	display:inline;
	}

/*------------------------------------------
メインナビ側　What's New
※別のskinを利用する事。
------------------------------------------*/

.newsmain {
	float: left;
	text-align: left;
	clear: both;
	width: 668px;
	padding: 0px;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
	}

.newstitle img{
	float: left;
	text-align: left;
	margin-bottom: 15px;
	}

.newsmainrss img{
	float: right;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
	display:inline;
	}

.newsmain_area{
	float: left;
	text-align: left;
	clear: both;
	width: 668px;
	}

.newsmain_left{
	float: left;
	text-align: left;
	width: 443px;
	margin-left: 15px;
	display:inline;
	}

.newsmain_area .newsmain_left .newsmain_cnt{
	float: left;
	text-align: left;
	clear: both;
	width: 443px;
	margin: 0px;
	}

.newsmain_area .newsmain_left .newsmain_r{
	float: left;
	text-align: left;
	clear: both;
	width: 443px;
	margin: 0px;
	}

.newsmain_right{
	float: left;
	text-align: left;
	width: 180px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0px;
	display:inline;
	}

.newsmain_right .newsmain_l img{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
	}

.newsmain_area hr{
	float: left;
	text-align: left;
	width: 640px;
	border-style: dotted;
	border-color: #cccccc;
	margin-left: 15px;
	margin-bottom: 10px;
	display:inline;
	}

/*------------------------------------------
footer
------------------------------------------*/

#footer{
	float: left;
	text-align: left;
	color: #929292;
	width: 900px;	/* 940 */
	border-top: 0px solid #ddd59b;
	background: url(http://www.khf.or.jp/common/footer-back.gif) no-repeat;
	padding-top: 10px;
	margin-bottom: 20px;
	display:inline;
	}

#footer p{
	font-size : 11px;
	line-height : 150%;
	color: #929292;
	float: left;
	text-align: left;
	}

#footer a,a:link,a:visited{
	text-decoration: none;
	color: #929292;
	}

#footer a:hover{
	text-decoration: none;
	color: #cccccc;
	}

#copyright p{
	font-size : 11px;
	line-height : 150%;
	color: #929292;
	float: left;
	text-align: left;
	padding-bottom: 20px;
	}

/*------------------------------------------
skin-1　見出＆画像・文章（TOP表示）
------------------------------------------*/

.sub1{
	width: 668px;
	padding: 0px;
	margin-bottom: 10px;
	}

.img1{
	width: 50px;
	float: left;
	text-align: left;
	margin-right: 8px;
	padding: 0px;
	display:inline;
	}

.com1{
	width: 610px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-4　見出＆文章・画像（TOP表示）
------------------------------------------*/

.sub4{
	float: left;
	text-align: left;
	width: 325px;
	padding: 0px;
	margin-bottom: 10px;
	margin-right: 18px;
	display:inline;
	}

.sub4 .com4{
	width: 325px;
	float: left;
	text-align: left;
	padding: 0px;
	}

.img4{
	width: 325px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-7　画像（横一枚）
------------------------------------------*/

/*------------------------------------------
skin-8　画像（横二枚）
------------------------------------------*/

.box8L{
	width: 325px;
	float: left;
	text-align: left;
	margin-right: 18px;
	padding: 0px;
	display:inline;
	}

.box8R{
	width: 325px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-9　画像（横三枚）
------------------------------------------*/

.box9L{
	width: 210px;
	float: left;
	text-align: left;
	margin-right: 19px;
	padding: 0px;
	display:inline;
	}

.box9C{
	width: 210px;
	float: left;
	text-align: left;
	margin-right:19px;
	padding: 0px;
	display:inline;
	}

.box9R{
	width: 210px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-10　文章（横一列）
------------------------------------------*/

/*------------------------------------------
skin-11　文章（横二列）
------------------------------------------*/

.box11L{
	width: 325px;
	float: left;
	text-align: left;
	margin-right: 18px;
	padding: 0px;
	display:inline;
	}

.box11R{
	width: 325px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-12　文章（横三列）
------------------------------------------*/

.box12L{
	width: 210px;
	float: left;
	text-align: left;
	margin-right: 19px;
	padding: 0px;
	display:inline;
	}

.box12C{
	width: 210px;
	float: left;
	text-align: left;
	margin-right: 19px;
	padding: 0px;
	display:inline;
	}

.box12R{
	width: 210px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-13　文章・表組二列
------------------------------------------*/

.box13L{
	width: 250px;
	float: left;
	text-align: left;
	margin-right: 18px;
	padding: 0px;
	display:inline;
	}

.box13R{
	width: 400px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-15　文章・画像
------------------------------------------*/

.box15L{
	width: 400px;
	float: left;
	text-align: left;
	margin-right: 18px;
	padding: 0px;
	display:inline;
	}

.box15R{
	width: 250px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-16　画像・文章
------------------------------------------*/

.box16L{
	width: 250px;
	float: left;
	text-align: left;
	margin-right: 18px;
	padding: 0px;
	display:inline;
	}

.box16R{
	width: 400px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
skin-17　skin-18　skin-19　skin-20　表組
------------------------------------------*/

.ClassTB{
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.ClassTB TD{
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.tbleft{
	float: left;
	text-align: left;
	clear: both;
	width: 670px;
}

/*------------------------------------------
skin-21　画像・文章（枠付横一列）
------------------------------------------*/

.box21L{
	width: 235px;
	float: left;
	text-align: left;
	padding: 15px;
	margin:0px;
	}

.box21R{
	width: 388px;
	float: left;
	text-align: left;
	padding: 15px 0px;
	margin:0px;
	}

.box21R img{
	float: left;
	text-align: left;
	}

.box21R p{
	width: 388px;
	}

.sub21{
	float: left;
	text-align: left;
	clear: left;
	margin-bottom:10px;
	}

.com21{
	float: left;
	text-align: left;
	clear: left;
	margin-bottom:10px;
	}

/*------------------------------------------
skin-22　画像・文章（枠付横三列）
------------------------------------------*/

.box22L{
	float: left;
	text-align: left;
	width: 190px;
	border: 1px solid #CCCCCC;
	padding: 11px;
	margin-right: 11px;
	display:inline;
	}

.box22L p{
	width: 190px;
	}

.box22L img{
	text-align: center;
	margin: 0 auto;
	}

.box22C{
	float: left;
	text-align: left;
	width: 190px;
	border: 1px solid #CCCCCC;
	padding: 11px;
	margin-right: 11px;
	display:inline;
	}

.box22C p{
	width: 190px;
	}

.box22C img{
	text-align: center;
	margin: 0 auto;
	}

.box22R{
	float: left;
	text-align: left;
	width: 190px;
	border: 1px solid #CCCCCC;
	padding: 11px;
	margin: 0px;
	}

.box22R p{
	width: 190px;
	}

.box22R img{
	text-align: center;
	margin: 0 auto;
	}

.btn{
	text-align: center;
	margin: 0 auto;
	width: 190px;
	}

.btn img{
	float: left;
	text-align: left;
	}

/*------------------------------------------
skin-23　画像・文章（枠付横二列）
------------------------------------------*/

.box23L{
	float: left;
	text-align: left;
	width: 303px;
	border: 1px solid #CCCCCC;
	padding: 11px;
	margin-right: 12px;
	display:inline;
	}

.box23L p{
	width: 303px;
	}

.box23L img{
	text-align: center;
	margin: 0 auto;
	}

.box23R{
	float: left;
	text-align: left;
	width: 303px;
	border: 1px solid #CCCCCC;
	padding: 11px;
	}

.box23R p{
	width: 303px;
	}

.box23R img{
	text-align: center;
	margin: 0 auto;
	}

/*------------------------------------------
skin-24　画像・表組二列
------------------------------------------*/

.box24L{
	width: 223px;
	float: left;
	text-align: left;
	margin-right: 0px;
	padding: 0px;
	display:inline;
	}

.box24R{
	width: 445px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

/*------------------------------------------
管理画面用
------------------------------------------*/

.Class215 td{
	padding: 5px;
	}

.Class940p10 td{
	padding: 5px;
	}

.Class940 td{
	border:5px solid #FFFFFF;
	border-collapse:collapse;
	}

.Class650none td{
	padding: 15px;
	}

.Class650 td{
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 5px;
	}

/*------------------------------------------
お問合せフォーム用
------------------------------------------*/

.inquiry {
	clear: both;
	width: 858px;	/* 940（898）*/
	border: 1px solid #cccccc;
	padding: 20px;
	margin-top: 20px;
	background-color: #ffffff;
	}

.inquiry td{
	margin-bottom:20px;
	}

.table700{
	width: 700px;
	float: left;
	text-align: left;
	}

.table700 td{
	padding: 10px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.table700none{
	width: 700px;
	float: left;
	text-align: left;
	}

.table700none td{
	padding: 10px;
	}

.table700 a, a:link, a:visited{
	text-decoration: underline;
	color: #0000ff;
	}

.table700 a:hover{
	text-decoration: none;
	}

/*------------------------------------------
diary用
------------------------------------------*/

.diary{
	width: 670px;
	float: left;
	text-align: left;
	}

.titleimg {
	float: left;
	text-align: left;
	width: 670px;
	margin-bottom: 10px;
	padding: 0px;
	}

.keyword {
	float: left;
	text-align: left;
	width: 668px;
	border:1px solid #cccccc;
	height: 45px;
	margin-bottom: 20px;
	background-color: #eeeeee;
	}

.keyword-L {
	float: left;
	text-align: left;
	width: 90px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

.keyword-R {
	float: left;
	text-align: left;
	width: 530px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

.mainlist {
	float: left;
	text-align: left;
	width: 668px;
	border:1px solid #cccccc;
	margin-bottom: 10px;
	}

.mainlist-L {
	float: left;
	text-align: left;
	width: 200px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

.mainlist-L img {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
	}

.mainlist-R {
	float: left;
	text-align: left;
	width: 428px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

.mainlist-R-sub {
	float: left;
	text-align: left;
	width: 428px;
	margin-bottom: 5px;
	padding: 0px;
	display:inline;
	}

.mainlist-R-sub-L {
	float: left;
	text-align: left;
	width: 368px;
	}

.mainlist-R-sub-R {
	float: left;
	text-align: left;
	width: 60px;
	}

.mainlist-R-mess {
	float: left;
	text-align: left;
	width: 428px;
	clear: both;
	margin-bottom: 5px;
	padding: 0px;
	display:inline;
	}

.mainlist-line {
	background-repeat: repeat-x;
	background: url(https://ssl.ac/common/img/obj-03.gif) ;
	height: 10px;
	clear: both;
	margin-bottom: 5px;
	}

.PageNo {
	float: left;
	text-align: left;
	clear: both;
	width: 650px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

/***********************************************/

/*　EC-cube用　*/

/***********************************************/

/* どこでもカテゴリ
----------------------------------------------- */

.eccate200 {
	float: left;
	text-align: left;
	clear: both;
	width: 200px;
	}

/* どこでもお薦め
----------------------------------------------- */

.ecreco670 {
	float: left;
	text-align: left;
	clear: both;
	width: 670px;
	}

/* Universal Reset
----------------------------------------------- */

*{
	margin: 0;
	padding: 0;
	}

/* common
----------------------------------------------- */

.mgn-rgt-0px{
	margin-right: 0 !important;
	}

/* center
----------------------------------------------- */
.mBox{
	width: 440px;
	margin-bottom: 10px;
	}

.mBox img{
	margin-bottom: 10px;
	}

/* sidemenu
----------------------------------------------- */

.sBox{
	float: left;
	text-align: left;
	width: 200px;
	border: 1px solid #d0dfe1;
	margin-bottom: 10px;
	background-color: #ffffff;
	}

.sCont{
	padding: 10px;
	text-align: left;
	}

.sBox dl{
	margin: 0 5px 10px;
	}

.sBox dd{
	margin-bottom: 5px;
	}

.sBox a, .sBox a:link, .sBox a:visited{
	color: #e50000;
	text-decoration: underline;
	}

.sBox a:hover{
	text-decoration: none;
	}

.btn_sideLeft{
	clear: both;
	margin-bottom: 0;
	}

.btn_login{
	margin-left: 0px;
	}

.btn_logout{
	margin-left: 0px;
	}

.guidearea{
	float: left;
	text-align: left;
	width: 200px;
	margin-bottom: 10px;
	}

.guidearea p{
	float: left;
	text-align: left;
	}

ul#subNav{
	padding: 0px;
	float: left;
	width: 600px;
	}

ul#subNav li{
	list-style-type: none;
	float: left;
	margin-top: 9px;
	margin-right: 20px;
	display:inline;
	}

/* top news
----------------------------------------------- */

#newsBox{
	width: 170px;
	margin-bottom: 5px;
	text-align: left;
	margin-left: 13px;
	display:inline;
	}

#icoRss{
	position: absolute;
	top: 5px;
	left: 65px;
	}

.news{
	margin-top: 5px;
	font-size: 12px;
	line-height: 18px;
	}

.news dt{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	font-weight: bold;
	}

.newsDate{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	font-weight: bold;
	}

.news a, .news a:link,
.news a:visited{
	color: #e50000;
	text-decoration: underline;
	}

.news a:hover{
	text-decoration: none;
	}

/* top recommend item 
----------------------------------------------- */

.rBox{
	float: left;
	text-align: left;
	width: 670px;
	}

.rBox h2 img{
	margin-bottom: 10px;
	}

.recoBox{
	float: left;
	text-align: left;
	width: 194px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 10px;
	display:inline;
	}

.recoImg img{
	float: center;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.recoName a, .reco a:link,
.recoName a:visited{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}

.recoName a:hover{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	}

p.recoExp{
	margin-bottom: 5px;
	line-height: 18px;
	font-size: 12px;
	width: 172px;
	color: #333333;
	}

/* shopping cart 
----------------------------------------------- */

#sCartBox{
	font-weight: bold;
	width: 145px;
	}

#sCartBox dt{
	float: left;
	color: #808080;
	}

#sCartBox dd{
	text-align: right;
	padding: 1px 0 1px 5px;
	}

/* calendar 
----------------------------------------------- */
#CalendarBox{
	float: left;
	text-align: left;
	width: 200px;
	border: 1px solid #d0dfe1;
	margin-bottom: 10px;
	background-color: #ffffff;
	}

#sCalendar table{
	width: 180px;
	margin: 8px;
	display:inline;
	}

#sCalendar table th{
	padding: 1px 0;
	background-color: #eeeeee;
	color: #333333;
	border: 1px solid #CCCCCC;
	}

#sCalendar table td{
	padding: 1px 0;
	text-align: center;
	border: 1px solid #CCCCCC;
	color: #333333;
	}

#sCalendar td.off{
	color: #cc0000;
	}

#sCalendar table caption{
	margin: 8px;
	display:inline;
	}

#calendarNote{
	margin: 8px;
	display:inline;
	}

/* basket（どこでもカート）
----------------------------------------------- */

.basket280{
	width: 280px;
	}

.basket280 table{
	margin-bottom: 10px;
	}

.basket280 td{
	border: 1px solid #cccccc;
	padding: 5px;
	}

/* search_zero（商品が無い時）
----------------------------------------------- */

.table670_zero {
	width: 670px;
}

html:not([lang*=""]) .table670_zero {
	float: left;
	text-align: left;
	width: 670px;
}

.table670_zero td{
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 6px;
}