@import url('../../css/products.css');

.index #sidebar li#index a,
.whatsnew #sidebar li#whatsnew a,
.pd #sidebar li#pd a,
.cool #sidebar li#cool a,
.player #sidebar li#player a,
.edit #sidebar li#edit a,
.easy #sidebar li#easy a,
.withcd #sidebar li#withcd a,
.text #sidebar li#text a,
.Export #sidebar li#Export a,
.function #sidebar li#function a,
.sample #sidebar li#sample a,
.priceandreq #sidebar li#priceandreq a
{
    color:White;
    background-color:#7b0;
}

p
{
/*
	padding-left:1.3em;
*/
	font-size: 90%;
	line-height: 1.6;
	color: #555;
}

#main img
{
	margin: 0;
}

/*
	絵と文章の組み合わせ
	製品の特長紹介などに利用
*/
.pd_header_img
{
	text-align:center;
}

#main .pd_header_img img
{
	margin: 0;
}

.pd_info_box
{
    height:130px;
	margin-right: 1.5em;
	clear:both;
	padding: 0 0 0 0.5em;
}
.pd_info_img
{
	width:64px;
	float:left;
	padding: 0 0 0 0;
	margin-left:10px;
}
#main .pd_info_img img
{
	margin: 0;
}
#main .pd_info_img img.nomarginimg
{
	margin: 0 1em;
}
.pd_info_text
{
	width:84%;
	float:right;
}

/* ----------------------------------------------------------------------------
  数字つきリストの数字を大きくする
---------------------------------------------------------------------------- */
ol.big li
{
	font-size: 200%;
/*	color: #e60;
*/}

ol.big li *
{
	font-size: 50%;
	color:inherit;
}

ol.big li p
{
	padding-left:0.5em;
	font-size: 50%;
/*	color: #555;
*/}

ol.big li * *
{
	font-size: 90%;
}

ol.big li ol li
{
	font-size: 100%;
/*	color: #555;
*/}


/*
	h4は数字つきリスト多用しているので特別に用意してみた
*/
ol.big li h4
{
/*	height: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 0;
*/}

ol.big li h5
{
	color: #008;
}

/* ----------------------------------------------------------------------------
  ヘッダー用
---------------------------------------------------------------------------- */
#pd_header .pd_header_img
{
    margin-bottom:5px;
}

#pd_header p
{
    margin-bottom:10px;
}

/* ----------------------------------------------------------------------------
  フォトダンシング紹介（index.htm）
---------------------------------------------------------------------------- */
#pd_index1, #pd_index2, #pd_index3, #pd_index4
{
    clear:both;
    height:230px;
    margin-bottom:10px;
    margin-top:5px;
}

#pd_index1 .pd_index_h, #pd_index2 .pd_index_h, #pd_index3 .pd_index_h, #pd_index4 .pd_index_h
{
    height:55px;
}

#pd_index1 h3, #pd_index2 h3, #pd_index3 h3, #pd_index4 h3
{
    width:60%;
    float:left;
    color: #fa620a;
    background-image:none;
    padding:0;
    text-indent:0;
    margin-top:30px;
    margin-left: 1em;
}

#pd_index1 p, #pd_index2 p, #pd_index3 p, #pd_index4 p
{
    height:130px;
}

#pd_index1 .pd_index_icon, #pd_index2 .pd_index_icon, #pd_index3 .pd_index_icon, #pd_index4 .pd_index_icon
{
    width:25%;
    float:right;
	padding: 0 0 0 0;
	margin-top:20px;
}

#pd_index1 .pd_index_img, #pd_index3 .pd_index_img
{
	width:60%;
    float:left;
	padding: 0 0 0 0;
	margin-left:10px;
	margin-top:20px;
}

#pd_index1 .pd_index_text, #pd_index3 .pd_index_text
{
    height:230px;
    width:37%;
	float:right;
}

#pd_index2 .pd_index_img, #pd_index4 .pd_index_img
{
	width:60%;
    float:right;
	padding: 0 0 0 0;
	margin-left:10px;
	margin-top:20px;
}

#pd_index2 .pd_index_text, #pd_index4 .pd_index_text
{
    height:230px;
    width:37%;
    float:left;
}

/* ----------------------------------------------------------------------------
  特徴紹介用（アイコン）
---------------------------------------------------------------------------- */
#pd_info_icon
{
    clear: both;
/*    border-top: 1px dotted #cce;*/
    padding-top: 4px;
}

#pd_info_icon img
{
    width: 64px;
    height: 64px;
    float: left;
/*    border: 1px solid #ddd;*/
    margin-left:44px;
}

#pd_info_icon .info_txt
{
    text-align:center;
    width: 165px;
/*    height: 62px;*/
    padding: 0 0 0 0px;
    margin: 0;
    margin-top:10px;
}

#pd_info_icon h3
{
    background-image: none;
    text-indent : 0;
    margin: 0;
    padding: 0;
    color: #fa620a;
}

#pd_info_icon ul
{
    margin-top:10px;
    margin-bottom:30px;
    padding: 0;
    list-style: none;
}

#pd_info_icon li
{
    margin: 5px;
    padding: 4px;
    float: left;
    width: 165px;
    height:100px;
}

/* ----------------------------------------------------------------------------
  特徴紹介用
---------------------------------------------------------------------------- */
#pd_info
{
    margin-top:30px;
}

#pd_info h3
{
    color: #fa620a;
    background-image:none;
    margin:0;
    padding:0;
    text-indent:0;
}

#main #pd_info .pd_info_box p
{
    margin-left:0;
    padding-left:0;
    text-indent:0;
    margin-bottom:10px;
}

#main #pd_info .pd_info_box .notice
{
    margin: 0px;
    padding: 20px 0 0 10px;
}

/* ----------------------------------------------------------------------------
  製品紹介関連リンク
---------------------------------------------------------------------------- */
#pd_submenu
{
    clear: both;
/*    border-top: 1px dotted #cce;*/
    padding-top: 4px;
    height:80px;
}

#pd_submenu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#pd_submenu li
{
    margin: 5px;
    padding: 8px;
    float: left;
    width: 254px;
    height: 55px;
    border: 1px solid #ddd;
}

#pd_submenu img
{
    width: 40px;
    height: 40px;
    float: left;
/*    border: 1px solid #ddd;*/
}

#pd_submenu .info_txt
{
    float: left;
    width: 202px;
    height: 40px;
    padding: 0 0 0 8px;
    margin: 0;
}

#pd_submenu h3
{
    background-image: none;
    text-indent : 0;
    margin: 0;
    padding: 0;
    color: #fa620a;
}

#pd_submenu p
{
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #666;
}

#pd_submenu a
{
    display:block;
}

#pd_submenu a:hover
{
    cursor: pointer;
    text-decoration:none;
}

/* ----------------------------------------------------------------------------
  特徴紹介用（cool.htm）
---------------------------------------------------------------------------- */
#main #pd_cool
{
    height:400px;
    margin-top:10px;
	margin-right: 0.7em;
	clear:both;
	padding: 0 0 0 0.5em;
}

#main #pd_cool .pd_cool_text
{
    margin-top:5px;
	width:30%;
	float:left;
}

#main #pd_cool h3
{
    clear:both;
    height:auto;
    color: #fa620a;
    background-image:none;
    margin-top:10px;
    margin-bottom:0px;
    padding:0;
    text-indent:0;
}

#main #pd_cool .pd_cool_text p
{
    margin-left:0;
    padding-left:0;
    text-indent:0;
    margin-bottom:20px;
}

#main #pd_cool .pd_cool_img
{
    margin-top:5px;
	width:69%;
	float:right;
	padding: 0 0 0 0;
}

#main #pd_cool .pd_cool_img ul
{
    height:auto;
    margin:0px;
    padding: 0;
    list-style: none;
}

#main #pd_cool .pd_cool_img li
{
    margin: 5px;
    padding: 7px;
    float: left;
    width: 170px;
    height:100px;
}

#main #pd_cool .pd_cool_img img
{
	width:183px;
	float: left;
	margin: 0;
}

/* ----------------------------------------------------------------------------
  特徴紹介用（player.htm）
---------------------------------------------------------------------------- */
#main #pd_player
{
    height:350px;
    margin-top:10px;
	margin-right: 0.7em;
	clear:both;
	padding: 0 0 0 0.5em;
}

#main #pd_player .pd_player_text
{
    margin-top:10px;
	width:70%;
	float:left;
}

#main #pd_player .pd_player_text h3
{
    height:auto;
    color: #fa620a;
    background-image:none;
    margin-top:0px;
    margin-bottom:10px;
    padding:0;
    text-indent:0;
}

#main #pd_player .pd_player_text p
{
    margin-left:0;
    padding-left:0;
    text-indent:0;
    margin-bottom:20px;
}

#main #pd_player .pd_player_img
{
    margin-top:40px;
	width:27%;
	float:right;
	padding: 0 0 0 0;
}

#main #pd_player .pd_player_img img
{
	float: left;
}

/* ----------------------------------------------------------------------------
  特徴紹介用（edit.htm）
---------------------------------------------------------------------------- */
#main #pd_edit
{
    height:800px;
    margin-top:20px;
	margin-right: 0.7em;
	clear:both;
	padding: 0 0 0 0.5em;
}

#main #pd_edit h3
{
    color: #fa620a;
    background-image:none;
    margin-top:0px;
    margin-bottom:10px;
    padding:0;
    text-indent:0;
}

#main #pd_edit p
{
    margin-left:0;
    padding-left:0;
    text-indent:0;
    margin-bottom:20px;
}

#main #pd_edit img
{
	float: left;
	margin-left:2px;
	margin-bottom:20px 
}

/* ----------------------------------------------------------------------------
  特徴紹介用（withcd.htm）
---------------------------------------------------------------------------- */
#main #pd_withcd
{
    height:200px;
    margin-top:10px;
	margin-right: 0.7em;
	clear:both;
	padding: 0 0 0 0.5em;
}

#main #pd_withcd .pd_withcd_text
{
    margin-top:10px;
	width:70%;
	float:left;
}

#main #pd_withcd .pd_withcd_text h3
{
    height:auto;
    color: #fa620a;
    background-image:none;
    margin-top:0px;
    margin-bottom:10px;
    padding:0;
    text-indent:0;
}

#main #pd_withcd .pd_withcd_text p
{
    margin-left:0;
    padding-left:0;
    text-indent:0;
    margin-bottom:20px;
}

#main #pd_withcd .pd_withcd_img
{
    margin-top:40px;
	width:21%;
	float:right;
	padding: 0 0 0 0;
}

#main #pd_withcd .pd_withcd_img img
{
	float: left;
}

/* ----------------------------------------------------------------------------
  特徴紹介用（text.htm）
---------------------------------------------------------------------------- */
#main #pd_text
{
    height:250px;
    margin-top:10px;
	margin-right: 0.7em;
	clear:both;
	padding: 0 0 0 0.5em;
}

#main #pd_text .pd_text_text
{
    margin-top:10px;
	width:50%;
	float:left;
}

#main #pd_text .pd_text_text h3
{
    height:auto;
    color: #fa620a;
    background-image:none;
    margin-top:0px;
    margin-bottom:10px;
    padding:0;
    text-indent:0;
}

#main #pd_text .pd_text_text p
{
    margin-left:0;
    padding-left:0;
    text-indent:0;
    margin-bottom:20px;
}

#main #pd_text .pd_text_img
{
    margin-top:20px;
	width:47%;
	float:right;
	padding: 0 0 0 0;
}

#main #pd_text .pd_text_img img
{
	float: left;
}

/* ----------------------------------------------------------------------------
  特徴紹介用（Export.htm）
---------------------------------------------------------------------------- */
#main #pd_export
{
    height:300px;
    margin-top:10px;
	margin-right: 0.7em;
	clear:both;
	padding: 0 0 0 0.5em;
}

#main #pd_export .pd_export_text
{
    margin-top:10px;
	width:70%;
	float:left;
}

#main #pd_export .pd_export_text h3
{
    height:auto;
    color: #fa620a;
    background-image:none;
    margin-top:0px;
    margin-bottom:10px;
    padding:0;
    text-indent:0;
}

#main #pd_export .pd_export_text p
{
    margin-left:0;
    padding-left:0;
    text-indent:0;
    margin-bottom:20px;
}

#main #pd_export .pd_export_img
{
    margin-top:40px;
	width:21%;
	float:right;
	padding: 0 0 0 0;
}

#main #pd_export .pd_export_img img
{
	float: left;
}

/* ----------------------------------------------------------------------------
  ムービーサンプルページ
---------------------------------------------------------------------------- */
.sample_info_box
{
    height:100px;
    margin-top: 1em;
	margin-right: 1.5em;
	clear:both;
	padding: 0 0 0 0.5em;
	
	border: 1px solid white;
}
.sample_info_img
{
	width:108px;
	float:left;
	padding: 0 0 0 0;
	margin-top:10px;
	margin-left:10px;
}

.sample_info_text
{
	width:75%;
	float:right;
}
.sample_info_text h3
{
    background-image:none;
    color:#fa620a;
}

/* 「※」用のインデント */
#main p.cap
{
    padding-left:1em;
    text-indent:-1em;
}

/* ----------------------------------------------------------------------------
  Ver1.1トップ用レイアウト
---------------------------------------------------------------------------- */
#info11
{
    clear: both;
/*    border-top: 1px dotted #cce;*/
    padding-top: 4px;
}

#info11 h3
{
    background-image: none;
    text-indent : 0;
    margin: 0;
    padding: 0;
    color: #fa620a;
}

#info11 p
{
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #666;
}

#info11 ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#info11 li
{
    margin: 5px;
    padding: 8px;
    float: left;
    width: 258px;
    height: 182px;
/*
    background-color: #eee;
*/
    background-image: url( '../../images/submenu_bg.jpg' );
    background-repeat: repeat-x;
    border: 1px solid #ddd;
}

/* ----------------------------------------------------------------------------
  アップデータプログラムのダウンロードページへのリンクボタン
---------------------------------------------------------------------------- */
#updatebtn
{
    clear: both;
    margin-bottom: 1.3em;
}

#updatebtn ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#updatebtn li
{
    margin: 10px 0 10px 30px;
    padding: 8px;
    float: left;
    height: 65px;
    width: 85%;
    border: 1px solid #ddd;
}

#updatebtn img
{
    height: 60px;
    float: right;
    margin: 5px 15px 0 0;
    border: 1px solid #ddd;
}

#updatebtn .info_txt
{
    width: 74%;
    float: left;
    height: 40px;
    padding: 5px 0 0 8px;
    margin: 0;
}

#updatebtn h3
{
    background-image: none;
    text-indent : 0;
    margin: 0;
    padding: 0;
    color: #fa620a;
}

#updatebtn p
{
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #555;
}

#updatebtn a
{
    display:block;
}

#updatebtn a:hover
{
    cursor: pointer;
    text-decoration:none;
}

/* ----------------------------------------------------------------------------
  トップレイアウト修正 2010/2/25
---------------------------------------------------------------------------- */
.pd_top_left, .pd_top_right
{
    clear:both;
    padding:0 25px 0 0;
}

.pd_top_left h3
{
    background-image: none;
    border: none;
    font-size: 90%;
    color:#fa620a;

    text-indent: 0;
    margin-left: 1.2em;
    
    float: left;
    width: 300px;
}

.pd_top_right h3
{
    background-image: none;
    border: none;
    font-size: 90%;
    color:#fa620a;

    text-indent: 0;
    margin-left: 1.2em;
    
    float: left;
    width: 300px;
}

.pd_top_left p, .pd_top_right p
{
    background-image: none;
    border: none;
    font-size: 90%;
/*
    padding-left: .8em;
*/
    color:#555;
    line-height:1.6;
    
    clear:both;
}

.pd_top_left .pd_img
{
	width:50px;
	float:left;
	padding: 0.7em 0 0 1em;
}

.pd_top_left .pd_tbox
{
	width:85%;
	float:right;
}

.pd_top_right .pd_img
{
    width:168px;
    float:right;
	padding: 5px 0 0 0;
}

.pd_top_right ul
{
    margin:0px 0px 30px 10px;
    padding: 0;
    list-style: none;
}

.pd_top_right li
{
    margin: 4px;
    margin-top:0;
    padding: 5px;
    float: left;
    width: 160px;
    height:120px;
    border: 1px solid #ddd;
}

.pd_top_right .pd_tbox
{
	width:66%;
    float: left;
}

.fordetail
{
    margin-left:0;
    text-align:right;
    float:right;
}

.pd_top_left .pd_tbox .fordetail
{
    width:200px;
    margin:0.6em 0.3em 0 0;
}

/* ----------------------------------------------------------------------------
  ムービーのサムネイル
---------------------------------------------------------------------------- */
#pd_movie
{
    clear: both;
    border-top: 1px dotted white;
/*    padding-top: 4px;*/
}

#pd_movie img
{
    width: 170px;
    float: left;
/*    border: 1px solid #ddd;*/
    margin-left:0px;
}

#pd_movie ul
{
    margin:0px 0px 30px 10px;
    padding: 0;
    list-style: none;
}

#pd_movie li
{
    margin: 3px;
    padding: 4px;
    float: left;
    width: 170px;
    height:128px;
    border: 1px solid #ddd;
}