@charset "Shift_JIS";

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

NAME: ascom_top.css

概要：
 アスコムサイト
 基本スタイルシート

更新履歴：
 2009.07 新規作成

構成：
 00.ブラウザスタイルの初期化
 01.Text & Links
 02.全体的なLayout
 03.会社メインビジュアル
 04.トップインフォ
 05.サイドバー
 06.メニュー
 07.ヘッダー＆フッター
 08.ニュース蘭
 09.新刊＆話題の本

(c)2009 ASCOM inc.
********************************************/
/*******************************************/

/*******************************************/
/* 00.ブラウザスタイルの初期化             */
/*******************************************/

* {
 font-family: "ヒラギノ角ゴPro W3","MS Pゴシック",sans-serif;
}

img {
 border: none ;
}

/*
table,tr,td {
 border-collapse: collapse;
 border-spacing: 0px;
 border: 0px ;
}
*/

/*******************************************/
/* 01.Text & Links                         */
/*******************************************/

body {
 font-size: 10pt;
}

A:link, A:visited, A:active, A:hover {
 text-decoration: none;
}

/*******************************************/
/* ■02.全体的なLayout                       */
/*******************************************/

/* 文章全体（body） */
body { 
 background-color: #fff ;
}

/* container */
div#container {
 width: 920px;
 margin: 0px auto;
}

div#header {
 height: 60px ;
 clear: both ;

}

div#campany_visual {
 margin: 16px auto 0 auto ;
 height:270px;
 clear: both; 
}

div#campvisual {
	float:left;
	width: 440px;
	height: 300px;
	background: #fff url(../img/campvisual.jpg) no-repeat top left ;
	overflow:hidden;	
}

#news-space {
 display: block ;
 margin: 0 0 0 480px ;
/** border: 1px dotted grey; **/
}

#news {
 margin: 0 0 0 0 ;
}

div#menubar {
 margin: 10px 0 10px 0 ;
 padding: 2px 0 0 0 ;
 background: #333 url("http://www.ascom-inc.jp/ssi/img/menu_bg.gif") repeat-x;
 height: 40px ;
 clear: both;
}

div#contents_wrapper {
 margin: 40px 0 10px 0;
 clear: both ;
}

div#sidebar{
 display:block;
 margin-left:768px ;
 padding-top: 3px;
 width:150px; /** 150 - ?px*2(パディング幅） **/

 background: #eef;
}

div#top_info {
	display: block;
	float: left;
	width: 760px;
	padding-top: 20px;
}

div#newcomer, div#pick-up {
 display: block;
 width: 340px ;
}

div#newcomer {
 float: left;
}

div#pick-up {
 margin: 0 0 0 384px;
}

div#newcomer-index, div#pick-up-index {
 padding:0px 0 1px 12px;
 height: 20px;
}

div#newcomer-index {
 border-left: 10px solid #f66;
 border-bottom: 1px solid #f66;
}

div#pick-up-index{
 border-left: 10px solid #66f;
 border-bottom: 1px solid #66f;
}

div.newitems, div.pickupitems {
 height: 220px;
}

div#footer {
 margin: 0 auto 0 auto;
 clear:both;
}

/*******************************************/
/* 03.タイトル                               */
/*******************************************/

/*******************************************/
/* 04.トップインフォ                         */
/*******************************************/
div#top_info {
 font-size: 10pt ;
 line-height: 1.6em ;
}

div#newcomer hr {
 border: 1px dashed #f66 ;
}

div#pick-up hr {
 border: 1px dashed #66f ;
}

div.newitems {
	width: 340px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.newitems img{
	width: 100px;
	margin-right: 10px;
	float: left;
	border: 1px solid #f36;
	margin-bottom: 50px;
}

.pickup01 {
	color: #FF0000;
	font-weight: bold;
}

div.pickupitems {
	width: 340px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.pickupitems img {
	width: 100px;
	margin-right: 10px;
	float: left;
	border: 1px solid #36f;
	margin-bottom: 50px;
}

div.pickupitems01 {
	width: 340px;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.pickupitems01 img {
	width: 100px;
	margin-right: 10px;
	float: left;
	border: 1px solid #36f;
}

/*******************************************/
/* 05.サイドバー                            */
/*******************************************/

/*******************************************/
/* 06.メニューバー&メニュー                   */
/*******************************************/

/** → ascom_menu.css で設定 **/

/*******************************************/
/* 07.ヘッダー＆フッター                      */
/*******************************************/

img#logo{
	position: relative;
	top:20px;
	float: left;
}
div#footer {
 padding: 8px 3px ;
 color: #000 ;
 border: 1px solid #FFF;
}

span#copyright {
 float: right;
}

/*******************************************/
/* 08.ニュース蘭                            */
/*******************************************/
#news-space h3 {
 display: none;
}

div#news hr {
 border: 1pt dashed #44a;
}

ul#news {
 list-style-image: url(../img/newsItem.gif);
}

ul#news li{
 list-style: outside ;
 margin: 4px 0px 0 -20px;
 line-height: 1.5em;
 font-size: 9pt;
}

#news a {
 text-decoration: underline;
}

div.rainbow {
 height: 2px;
 background: #fff url(../img/rainbow2px.jpg);
}

#news a:link { color: #009; }
#news a:visited { color: #99f; }
#news a:hover { color: #009; }
#news a:active { color: #009; }

/*******************************************/
/* 09.新刊＆話題の本                         */
/*******************************************/
#info-index {
 margin: 0 auto 10px auto;
 padding: 1px 0 1px 0px;
 font-size: 30px;
 font-weight: bold;
 color: #fff;
 background:#FF3333;
 text-align:center;
}

#newcomer-index{
 font-size: 14pt;
 font-family: "ヒラギノ角ゴPro W3","MS Pゴシック",sans-serif;
 color: #f00;
}

#pick-up-index{
 font-size: 14pt;
 font-family: "ヒラギノ角ゴPro W3","MS Pゴシック",sans-serif;
 color: #009;
}

/*******************************************/
/* 10.スペシャルインフォ                   */
/*******************************************/

div#special-info {
 width:100%;
 margin:0 0 10px 0 ;
 clear:both;
 
}

/*******************************************/
/* Safari ver.1 & ver.2 only              \*/
html:\66irst-child body {
 font-size: 88%;
}

html:\66irst-child #news {
 margin: 0 0 0 40px;
 padding: 0 0 0 5px;
}

/*** End ***/