@charset "utf-8";
/*--  CSS for Xamler    2007.04.02  kaori Kanayama --*/

/* はみ出してしまう対策 
--------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { 
	display:inline-table;
	min-height:1%;			/* IE7対策 */ 
}
/* Mac IE には適用させない \*/
* html .clearfix { height:1px; }
.clearfix { display:block; }

/* ボディ
--------------------------------------*/
body {
	font-family: sans-serif;
	background-color:#E7E9EA;
	margin:0;
	padding: 0;
	background-image: url(../images/body_wall.gif);
}
* html body{
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align:baseline;
	letter-spacing: 1px;
	font-size: 87.5%;
}
*:first-child+html body { 
	font-family: 'メイリオ', Meiryo, sans-serif;
	font-size: 87.5%;
}
TD {
	color: #333333;
	background-position: top;
	vertical-align: top;
	line-height:140%;
}

/* リンク
--------------------------------------*/
a:link,a:visited {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #CC0099;
	text-decoration: underline;
}
.detaillink{
	font-weight: bold;
	color: #333;
}
.detaillink img{
	margin-left: 1px;
	margin-bottom: -2px;
	border: none;
}
strong{
	color: #333333;
}
/* セクション
--------------------------------------*/
.section{
}
/* コンテナ
--------------------------------------*/
div#container{
	width: 700px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	/*IE6センタリング対応の対応*/
	text-align: center;
}
/* ヘッダ
--------------------------------------*/
#header{
	background-color: transparent;
}
#header img{
	width:700px;
	height:35px;
	border:none;
	display:block;
}
/* メニューコンテナ
--------------------------------------*/
#Menu {
	width: 698px;
	padding: 0px;
	background-color:#E2DFDF;
	background-image: url(../images/mn_wall.gif);
/*	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;*/
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
#Menu ul{
	margin: 0;
	padding:0;
	list-style: none;
	width: 698px;
	float: left;
}
#Menu ul li{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	color: #fff;
	background-color: #E2DFDF;
}
#Menu img{
	display:block;
	border:none;
	border: none;
}
#Menu a{
	display: block;
	border: none;
}
/* コンテンツ
--------------------------------------*/
#main{
	color:#333333;
	line-height:140%;
	font-size:84%;
	margin: auto;
	width: 698px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #FFFFFF;

}
#contentsbox{
	width:640px;
	margin: auto;
	padding-top: 1em;
	text-align:left;
}
#mainimage img{
	margin-top: 1em;
	margin-top: 1.6em;
	margin: auto;
}
.detail{
	margin-left: 1.6em;
	margin-right: 1.6em;
	margin-bottom: 1.6em;
}
.detail div p{
	margin-top: 0;
}
/*製品ページでのwhat's new*/
.wn h3{
	margin-top: 0;
	margin-bottom: 0;
}
.wn div{
	margin-bottom: 1em;
}
.wn div p.date{
	margin-left: 0;
}
.wn div p{
	margin: 0 1em;
}
/* フッター
--------------------------------------*/
#footer {
	background-color: transparent;
}
/* 通常ページ　コンテンツ枠（余白あり）
--------------------------------------*/
#ContentPage {
/*	padding: 1.6em 29px 0px;*/
	color:#333333;
	line-height:140%;
	font-size:84%;
	margin: 0 auto;
	width: 698px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #ffffff;
}

/* メイン(サイドバー無し)
--------------------------------------*/
#Page_main {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

/* トップ　メイン(左)
--------------------------------------*/
#TopPage_main {
	width: 455px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

/* トップ　What's New枠
--------------------------------------*/
#TopPage_wnew {
	width: 420px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/whatsnew_bg.gif);
	background-repeat:repeat-y;
	padding: 0px 15px 5px 15px;
	float: left;
	clear: both;
}
#TopPage_wnew div{
	border-top:1px dotted #CCCC99;
	margin-top: .5em;
	padding-top: 1em;
}
#TopPage_wnew div h3{
	margin-top: 0;
}
#TopPage_wnew div p.date{
	margin-top: 0;
	margin-bottom: 0;
}
#TopPage_wnew_image2{
	margin-top: 15px;
	padding: 0px;
	float: left;
	clear: both;
/*	style="display:block;"*/
}

#TopPage_wnew_imageunder2{
	margin-bottom: 20px;
	padding: 0px;
	float: left;
	clear: both;
/*	display:block;clear:both;" */
}



/* トップ　右サブエリアの画像コンテナ
--------------------------------------*/
.TopPage_sidebar_image {
	width: 170px;
	margin: 1.6em 0px 0px 0px;
	padding: 0px;
	float: right;
}

/* トップ　右サブエリアの青いコンテナ
--------------------------------------*/
#TopPage_sidebar {
	width: 170px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: right;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

#TopPage_sidebar_in {
	margin: 3px;
}



/* トップ　右サブエリアの青いコンテナ
--------------------------------------*/
#TopPage_sidebar_blue {
	width: 170px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	float: right;
	background-color: #DCD4CF;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #B2B4B2;
	border-right: 1px solid #B2B4B2;
}

/* トップ　右サブエリアの見出し 
--------------------------------------*/
#TopPage_sidebar_title {
	background-color: #DCD4CF;
	padding: 1px;
	margin: 5px;
	color: #333333;
	font-weight: bold;
	/*
	border-top: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #999999;
	*/
}

/* トップ　右サブエリア青コンテナ内 
--------------------------------------*/
#TopPage_sidebar_area {
	margin: 5px;
	padding: 5px;
	border-top: 1px solid #999999;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #999999;
	background-color:#F0F0F0;
}



/* コンテンツボックス内の日付 
--------------------------------------*/
#ContentDate {
	text-align: right;
	font-size:10px;
	color:#333333;
	vertical-align: text-top;
}



/*　共通部分
-----------------------------------------------*/



/* ページタイトル 
--------------------------------------*/
#PageTitle {
	font-size: 16px;
	font-weight: bold;
	color: #4F4F4F;
	padding: 6px 6px 6px 12px;
	margin-bottom: 25px;
	border-bottom: 2px solid #99ABB9;
	border-top: 1px #FFFFFF;
	border-right: 1px #E4E4E4;
	border-left: 4px solid #3399CC;
}

/* ページ内見出し 
--------------------------------------*/
#MidashiText
{
	font-weight:bold;
	font-size: 13px;
	color: #333333;
	line-height:140%;
}

#MidashiText2
{
	font-weight:bold;
	color: #669933;
	border-left: 8px solid #669933;
	padding-left: 10px;
	margin-bottom: 10px;
}


/* ページ内見出し 
--------------------------------------*/
#MidashiTextBlue
{
	font-weight:bold;
	color: #3C3C3C;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #DCD4CF;
	border-bottom: 1px solid #999999;
}
.MidashiTextBlk
{
	font-weight:bold;
	color: #3C3C3C;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #DCD4CF;
	border-bottom: 1px solid #999999;
}
h2.MidashiTextBlk{
	font-size: 100%;
}
/* 写真の配置 
--------------------------------------*/
.PhotoRight{
	 float: right;
}

.PhotoLeftPad{
	 float: left;
	 margin-right: 10px;
}

/* ドット線 
--------------------------------------*/
.dotline{
	border: 1px dotted #CCCC99;
}

/* フォントサイズ 
--------------------------------------*/
.font_small{
	font-size: 84%;
	line-height:120%;
}

/* カウンター 
--------------------------------------*/
.Counter {
	width: 190px;
	text-align: right;
	font-size:10px;
	color:#333333;
	padding-top: 5px;
}

/* 余白 
--------------------------------------*/
#pad_b10{
	padding-bottom: 10px;
}

#pad_b20{
	padding-bottom: 20px;
}

#pad_10{
	padding: 10px;
	font-size:84%;
}

#pad_20{
	padding: 20px;
	font-size:84%;
}

.indent_11{
	padding-left: 11px;
}

/* テーブル関連
--------------------------------------*/

.table_border1 {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.table_border2 {
	border-top: 1px solid #CCCCCC;
}

.table_border3 {
	border: 1px solid #CCCCCC;
}


TD.cell {
	width: 200px;
	padding-left: 7px;
	border-bottom: dotted 1px #FFFFFF;
	word-break: break-all;
	color: #333333;
	background-color: #F7FDCA;
}

TD.cell2 {
	border-bottom: 1px solid #CCCCCC;
	color: #0099FF;
	background-color: #DFF5FF;
	padding: 10px;
	font-weight: bold;
}

TD.cell3 {
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	background-color: #FFFFFF;
}

TD.cell4 {
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	color: #333333;
	background-color: #FFFFFF;
}

/* 注意書き
--------------------------------------*/
.note {
	background-color: #F4FDC5;
	padding: 10px;
	border: solid 1px #B2D600;
}

/* フォントサイズ
--------------------------------------*/
.XXSmallText {
	font-size: xx-small;
}

/* ボタン
--------------------------------------*/
.Button {
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #666666;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	margin: 10px;
	background-color: white;
}

.section{

}

.intro{
	margin-left: 1.6em;
	margin-right: 1.6em;
	color:#474747;
	font-weight: bold;

}
.intro p{
	line-height: 1.4em;
	font-size: 110%;
}

/* アイコンイメージ画像
--------------------------------------*/
img.icon_image{
	display:block;
	float: right;
	margin-left:1.6em;

}

.toppage_intro{
	margin: 1.6em 0 auto;
	color:#474747;
	font-weight: bold;
}
/* 見出し
----------------*/
h2
{
	font-weight:bold;
	color: #3C3C3C;
	margin-bottom: 8px;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 2px;
	background: url("../images/h2backimage.gif") no-repeat left center #DCD4CF;
	border-bottom: 1px solid #999999;
	font-size: 100%;
	clear: both;
	text-shadow: #ffffff 0px 1px;
}
h3{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 1em;
	clear: none;
	font-family: osaka,"ＭＳ ゴシック";
	color: #454545;
	text-indent: -1em;
	margin-left: 1em;
}

h4{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0;
	clear: none;
	border-bottom: 1px solid #999;
	color: #333366;
	padding: .1em;
}
/* ボタン
--------------------------------------*/
dl.specs dt{
	font-weight: bold;
	color: #363636;
}
dl.specs dd{
	margin: 0;
}
dl.specs ul{
	margin: 0 0 1.6em 0;
}
.right{
	display: block;
	float: right;
}
/* 価格表
--------------------------------------*/
table.price{
	border-collapse: collapse;
	margin-bottom: 1em;
}
table.price tbody{
	font-size: 90%;
}
table.price th{
	font-weight: bold;
	color: #333;
	border: 1px solid #999;
	background-color: #ddd;
	padding: .5em;
}
table.price td{
	padding: .5em;
	border: 1px solid #999;
}
table.price td.nowrap,
table.price th{
	white-space: nowrap;
}

/* ビデオ
--------------------------------------*/
p.video{
	text-align: center;
}
p.info{
	text-align: right;
	font-size: 95%;
	font-weight: normal;
}
/* 画像
--------------------------------------*/
img.right{

	display:block;
	float:right;
	margin:0  0 .8em 1.6em  ;
	border:1px solid #999;
}
img.left{

	display:block;
	float:left;
	margin:0  1.6em .8em 0;
	border:1px solid #999;
}
img.appstore{
	display: block;
	margin: 1em auto 1em;
}
/* 購入
--------------------------------------*/
div.purchase-j{
	float: left;
	margin-left: 60px;
	width: 220px;
	padding-right: 10px;
}
div.purchase-e{
	float: right;
	margin-right: 60px;
	width: 220px;
	padding-left: 10px;

}
div.purchase-j h3,div.purchase-e h3{
	text-align: center;
}
div.purchase{

}
div.purchase p{
	font-size: 90%;
}
/* 特長リスト
--------------------------------------*/
ul.features_list{
	margin-left: 0;
	padding-left: 2.4em;

}

ul.features_list li{
	margin: 0 0 1em 0;
	padding: 0;


}
/* 画像ブロック
--------------------------------------*/
p.image_box{
	width:100%;
	margin:auto;
	text-align:center;
	vertical-align: top;
}
p.image_box img{
	border:1px solid #999;
	margin: auto 0.3em;
	vertical-align: middle; 
}
p.image_box img.landscape{

}
/* 言語選択
--------------------------------------*/
#langsel{
	text-align: right;
	font-size: 90%;
}
#langsel span{
	font-weight: bold;
	color: #333333;
}