@charset "UTF-8";

/* 基本
---------------------------------------------*/
body {
	color: #333333;
	font-size: 75%;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	background: #FFFFFF;
}
img {
	vertical-align: top;
}
a {
	text-decoration: none;
}
a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}
a:hover,
a:focus {
	color: BLUE;
}
a:active {
	color: RED;
}
#wrapper {
	width: 850px;
	margin: 0 auto;
}
#header {
	position: relative;
	padding-bottom: 4px;
	background: url(../img/header_head.gif) left top no-repeat;
}
#content {
	clear: both;
	width: 100%; /* for WinIE6,7 */
}
#content #primary {
	float: left;
	width: 415px;
}
#content #secondary {
	float: right;
	width: 415px;
}
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 30px;
}

/* ロゴとユーティリティナビゲーション
---------------------------------------------*/
#logo {
	padding: 11px 0;
}
#gnmenu {
	position: absolute;
	top: 25px;
/*	width: 170px;
	font-size: 90%;
	line-height: 1.2;
}
#utilityNavigation li {
	position: absolute;
	top: 0;
	width: 8em;
}
#utilityNavigation li#navSiteMap {
	right: 9em;
}
#utilityNavigation li#navInquiry {
*/	right: 5px;
}
/*#utilityNavigation li a {
	padding-left: 12px;
	text-decoration: none;
}
#utilityNavigation li#navSiteMap a {
	background: url(../img/ico_sitemap.gif) left center no-repeat;
}
#utilityNavigation li#navInquiry a {
	background: url(../img/ico_mail.gif) left center no-repeat;
}*/


/* 下階層への導入部分
---------------------------------------------*/
.column {
	clear: both;
	width: 100%; /* for WinIE6,7 */
}
.column h2 { 
	border: 1px solid #D9D9D9;
	line-height: 1;
	display: block;
	background: url(../img/h2_bg.gif) left center;
	padding: 10px 0px 10px 10px;
	color: #669900;
}
.column dl,
.column ul {
	padding: 15px;
}
.column h3 {
	font-weight: bold ;
	line-height: 1;
	color: #003399;
	border-left-color: #6E3F87; /* 左枠の色 */
	border-style: solid; /* 枠の種類 */
	border-width: 0px 0px 0px 7px; /* 枠の幅 */
	padding: 3px 0px 0px 6px; /* 余白の幅 */
}
.column p {
	margin: 10px 0 10px 0;
	line-height: 1.2;
}
.column #p_book,
.column #p_get {
	width: 415px;
}
.column #p_play {
	width: 415px;
	float: right;
}
.column #p_play a {
	line-height: 1.5;
}
.column #p_book img { /*テキスト表紙*/
	float: left;
	margin: 0 10px 0 0;
}
.column #p_book dt {
	font-size: 100%;
	font-weight: bold;
}

.column #p_get #get_to_iTunes,
.column #p_get #get_to_ZIP,
.column #p_get #get_to_RSS {
	clear: both;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #DDEEAA;
}
.column #p_get #get_to_iTunes a,
.column #p_get #get_to_ZIP a,
.column #p_get #get_to_RSS a {
	float: left;
	margin: 0 10px 20px 0;
}
/*.column #p_get #get_to_iTunes a:hover,
.column #p_get #get_to_ZIP a:hover,
.column #p_get #get_to_RSS a:hover {
	float: left;
	margin: 0 10px 20px 0;
	background-color: RED;
}*/
.column #p_get h4 {
	font-weight: bold;
	font-size: 100%;
	color: #669900;
}

.column .normal {
	width: 415px;
	float: left;
	line-height:1.5;
}
.column .normal ol,
.column .normal p {
	padding: 12px;
	line-height: 1.5;
}

.column .normal h4 {
	color: #669900;
	font-size: 100%;
	border-top: 1px dotted #669900;
	padding: 10px 0px 2px 0px;
	margin-top: 10px;
}
.column .index_cover {
	margin: 10px 0 15px 0;
}
.column .index_cover ul li {
	float: left;
}
.column .index_cover ul li a:hover {
	background-color: WHITE;
}
.imgR {
	float: right;
}

/* リストの装飾 / 特例style
---------------------------------------------*/
.list_product {
	line-height: 1.8;
}
.list_sitemap {
	width: 420px;
	float: left;
	line-height: 1.8;
}
.list_news dd { /* 最新情報項目 */
	border-left-color: #99CC33; /* 左枠の色 */
	border-style: solid; /* 枠の種類 */
	border-width: 0px 0px 0px 2px; /* 枠の幅 */
	margin-bottom: 10px;
/*	border-bottom: 1px dashed #DDDD99;
*/	padding: 3px 20px 15px 5px; /* 余白の幅 */
}
.list_feature dd { /* 製品特徴項目 */
	border-left-color: #99CC33; /* 左枠の色 */
	border-style: solid; /* 枠の種類 */
	border-width: 0px 0px 0px 2px; /* 枠の幅 */
	margin-bottom: 10px;
/*	border-bottom: 1px dashed #88DDEE;
*/	padding: 3px 20px 15px 5px; /* 余白の幅 */
}
.list_product li { /* 製品一覧項目 */
	border-left-color: #99CC33; /* 左枠の色 */
	border-style: solid; /* 枠の種類 */
	border-width: 0px 0px 0px 2px; /* 枠の幅 */
	margin-bottom: 10px;
	padding: 0px 10px 0px 5px; /* 余白の幅 */
}
.list_FAQ dt {
	font-weight: bold;
}
.Answer {
	color: #0066FF;
	font-weight: bold;
}
.Question {
	color: #FF0000;
	font-weight: bold;
}
.remark { /* Acrobatダウンロードなど備考 */
	color: #666666;
}
.Question {	color: #FF0000;
	font-weight: bold;
}
.Answer {	color: #0066FF;
	font-weight: bold;
}


/* 製品情報ページ用
---------------------------------------------*/
#lead .product_menu {
	clear: both;
	width: 100%; /* for WinIE6,7 */
}
#lead .product_menu .product_list {
	width: 277px;
	float: left;
}
#lead .product_menu li { /*　製品名　*/
	border-top: 1px solid #D9D9D9;
	border-bottom: 2px solid #F5F5F5;
	font-weight: normal;
	line-height: 1;
}
#lead .product_menu li a {
	display: block;
	width: 235px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #D9D9D9;
	background: url(../img/lead_a_bg.gif) left center no-repeat;
	text-decoration: none;
}
#lead .product_menu a:hover {
	background: url(../img/lead_a_bg.gif) right center no-repeat;
}


/* フッターナビゲーション
---------------------------------------------*/
#footerNavigation {
	padding-left: 10px;
	border-top: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1.2;
}
#footerNavigation li {
	float: left;
	margin-right: 10px;
	padding: 8px 0;
}
#footerNavigation li a {
	display: block;
	padding-left: 6px;
	background: url(../img/arrow_small.gif) left center no-repeat;
	text-decoration: none;
}
#copyright {
	clear: both;
	width: 820px; /* for WinIE6,7 */
	padding: 20px 17px;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1.2;
}