@charset"Shift_JIS";

/* ZEKE CMS 3.0 CSS Document */


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

body {
 background:url(img/bg01.gif) repeat-x top #f3f3f3;
 border-top:#000000 5px solid;
 border-bottom:#000000 5px solid;
 color:#666666;
 font-size:small;
 width:100%;
 margin:0px;
 padding:0px;
 font-family:"ＭＳ Ｐゴシック", sans-serif;
 overflow:auto;
}

img {
 border:0;
 vertical-align:bottom;
}

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

ul,li{ margin:0; padding:0; list-style:none;}
dl,dd{ margin:0; padding:0;}

a { outline:none;}

/* 全体設定と構成================================================================ */
#contents { 
 width:900px;
 height:100%;
 margin:0px auto 0px auto;
 padding:0px;
}
#header {/* ヘッダー */
 width:900px;
 margin:0 auto;
 padding:0px;
}
#main {/* 内容 */
 width:900px;
 margin:10px auto 0px auto;
 padding:0px;
}
#footer {/* フッダー */
 width:900px;
 height:100px;
 border-top:#cccccc 1px solid;
 margin:0px auto 0px auto;
 padding:0px;
 text-align:center;
 clear:both;
}

/* ヘッダー================================================================ */
#header h1 {/* タイトル */
 width:228px;
 height:21px;
 margin:50px 0 0 9px;
 padding:0;
 float:left;
}
#header h2 {/* 鳥ロゴ */
 width:35px;
 height:30px;
 margin:45px 15px 2px 0;
 padding:0;
 float:right;
}
 

/* ナビゲーション================================================================ */

#globalNavi {
 width:900px;
 margin:10px auto 0 auto;
 }

#globalNavi ul li {
 float: left;
 position: relative;
}
#globalNavi li ul.drop {
 width:178px;
 position:absolute;
 display:none;
 float:none;
 z-index:100;
 left:2px;
 top:50px;
}
#globalNavi li ul.drop li{
  float:none;
  position:static;
}

#globalNavi li ul.drop li a {
 display:block;
 background: #FFF;
 border-bottom: 1px dotted #909090;
 color:#666;
 padding:15px;
 _zoon:1;
 text-decoration:none;
}

#globalNavi li ul.drop li a:hover {
 background:#E4E4E4;
}

#globalNavi li ul.drop ul a {
 padding:10px 10px 10px 20px
}


/* フッダー================================================================ */

#footer ul {
 height:16px;
 margin:10px 0px 40px 25px;
 padding:0px;
 text-align:left;
 list-style-type:none;
}
#footer li {
 height:16px;
 margin:0px 25px 0px 0px;
 padding:0px 0px 0px 20px;
 font-size:93%;
 display:block;
 letter-spacing:2px;
 background:url(img/midashi02.gif) no-repeat left top;
 float:left;
}

#footer img{/* copyright */
 width:370px;
 height:16px;
 margin:0px auto 20px auto;
 padding:0px;
 border:0px;
}

/* メイン================================================================ */

.midashi-01 {/* ライン　アリ */
 height:30px;
 text-align:left;
 vertical-align:top;
 margin:20px 0px 0px 0px;
 border-bottom:#cccccc 1px dotted;
 padding:0px;
} 
.midashi-02 {/* ライン　ナシ */
 height:30px;
 text-align:left;
 vertical-align:top;
 margin:0px 0px 0px 0px;
 padding:0px;
} 

.midashi-03 {/* ライン　アリ キャンペーン用 */
 height:40px;
 text-align:left;
 vertical-align:top;
 margin:20px 0px 30px 0px;
 border-bottom:#cccccc 1px dotted;
 padding:0px 0px 5px 0px;
} 

/* -*-*-*-*-*-*-*-*-*-*-*-*-　TOPページ　*-*-*-*-*-*-*-*-*-*-*-*- */

.move {
 width:900px;
 height:320px;
 background:url(img/top-photo_new.jpg) no-repeat top;
 margin:0px;
 padding:0px;
}

/* トップメニュー */

.mainContents{ width:900px; height:320px;}
.mainContents ul{ margin:0; padding:0;}

.mainContents a{
 display:block;
 list-style:none;
 text-indent:-9999em;
 float:left;
}

li.top-photo{
 width:650px;
 height:320px;
 background:url(img/top-photo02.jpg) no-repeat top;
 text-indent:-9999em;
 float:left;
}

a.top-menu01{
 width:250px;
 height:80px;
 background:url(img/top_menu01.jpg) no-repeat top left;
}

a.top-menu02{
 width:250px;
 height:80px;
 background:url(img/top_menu02.jpg) no-repeat top left;
}

a.top-menu03{
 width:250px;
 height:80px;
 background:url(img/top_menu03.jpg) no-repeat top left;
}

a.top-menu04{
 width:250px;
 height:80px;
 background:url(img/top_menu04.jpg) no-repeat top left;
}

a:hover.top-menu01,
a:hover.top-menu02,
a:hover.top-menu03,
a:hover.top-menu04{
 width:250px;
 height:80px;
 background-position:-250px 0;
}
	
#main div.top-bottom {
 width:900px;
 height:235px;
 background:url(img/top-bottom-bg.jpg) no-repeat top;
 margin:10px 0px 10px 0px;
 padding:0px;
}
#main div.top-bottom h1 {
 background:url(img/midashi04.gif) no-repeat left bottom;
 margin:0px auto 10px 35px;
 padding:30px 0px 3px 20px;
 color:#333333;
 font-size:16px;
 font-weight:bold;
 font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, ;
}
#main div.top-bottom p {
 margin:10px 70px 20px 70px;
 padding:0px;
 color:#666666;
 font-size:93%;
 line-height:160%;
}
/* キャンペーン告知用 */
#main div.campaign {
 width:780px;
 height:1300px;
 background:url(img/campaign-bg.jpg) no-repeat top;
 margin:10px 0px 30px 60px;
 padding:0px;
}
#main div.campaign h1 {
 background:url(img/midashi04.gif) no-repeat left bottom;
 margin:0px auto 20px 35px;
 padding:30px 0px 3px 20px;
 color:#333333;
 font-size:16px;
 font-weight:bold;
 font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, ;
}

#main div.campaign p {
 margin:10px 70px 20px 70px;
 padding:0px;
 color:#666666;
 font-size:108%;
 line-height:160%;
}

#main div.campaign ul {
 margin:10px 70px 20px 85px;
 padding:0px;
 color:#666666;
 font-size:108%;
 line-height:160%;
}
/* セミナー告知用 */
.top-seminar {
 width:900px;
 background:url(img/waku08.gif) repeat-y top;
 margin:10px 0px 10px 0px;
 padding:0px;
 line-height:1.4em;
}

#main div.top-seminar h1 {
 width:600px;
 margin:0px 0px 30px 35px;
 padding:0px 0px 3px 0px;
 color:#333333;
 font-size:16px;
 font-weight:bold;
 font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif, ;
}

#main div.top-seminar01 p {
 width:600px;
 margin:5px 0px 30px 35px;
 padding:0px;
 font-size:108%;
 color:#666666;
 line-height:130%;
}

#main div.top-seminar03 h1 {
 background:url(img/midashi02.gif) no-repeat left top;
 width:385px;
 margin:0px 0px 25px 0px;
 padding:0px 0px 0px 10px;
 font-size:15px;
 color:#666666;
 line-height:130%;
}

#main div.top-seminar03 ul {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

#main div.top-seminar03 li {
 margin:0px 0px 0px 0px;
 padding:0px 0px 25px 10px;
 list-style:none;
 font-size:13px;
 background:url(img/yajirushi09.gif) left 3px no-repeat;
}

#main div.top-seminar04 h1 {
 background:url(img/midashi02.gif) no-repeat left top;
 width:385px;
 margin:0px 0px 25px 0px;
 padding:0px 0px 0px 10px;
 font-size:15px;
 color:#666666;
 line-height:130%;
}

#main div.top-seminar04 ul {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

#main div.top-seminar04 li {
 margin:0px 0px 0px 0px;
 padding:0px 0px 15px 10px;
 list-style:none;
 font-size:13px;
 background:url(img/yajirushi09.gif) left 3px no-repeat;
}

span.strong {
 font-weight:bold;
}

.seminar-font01 {
 color:#333333;
 font-size:108%;
 font-weight:bold;
 margin:10px;
 padding:0px;
}

.top-seminar p {
 color:#666666;
 font-size:93%;
 margin:10px 0px 10px 10px;
 padding:0px;
}

.waku07{
 width:900px;
 height:5px;
 background:url(img/waku07.gif) no-repeat top;
 margin:0px;
 padding:0px;
}

.waku08{
 width:900px;
 background:url(img/waku08.gif) repeat-y top;
 margin:0px;
 padding:0px;
}
.waku09{
 width:900px;
 height:5px;
 background:url(img/waku09.gif) no-repeat top;
 margin:0px;
 padding:0px;
 clear:both;
}

.top-seminar-img {
 border:1px #cccccc solid;
 margin:5px 5px 5px 0px;
}

.top-seminar01 {/* セミナー告知・左 */
 background:url(img/seminar-title.gif) no-repeat top left;
 width:430px;
 margin:10px 0px 0px 0px;
 padding:0px;
 float:left;
}
.top-seminar02 {/* セミナー告知・右 */
 width:165px;
 margin:20px 0px 23px 0px;
 padding:0px;
 float:right;
}
.top-seminar03 {/* セミナー告知・左 */
 width:400px;
 margin:25px 0px 15px 35px;
 padding:0px;
 float:left;
}
*html .top-seminar03 {/* セミナー告知・左 */
 width:400px;
 margin:25px 0px 15px 20px;
 padding:0px;
 float:left;
}
.top-seminar04 {/* セミナー告知・左 */
 width:400px;
 margin:25px 0px 15px 35px;
 padding:0px;
 float:left;
}

*html .top-seminar04 {/* セミナー告知・左 */
 width:400px;
 margin:25px 0px 15px 35px;
 padding:0px;
 float:left;
}

/* -告知ワク　期間後削除- */
.kokuchi {
 width:250px;
 height:87px;
 margin:0px auto auto 639px;
 padding:285px 0px 0px 0px;
 color:#333333;
 font-size:11px;
 line-height:110%;
}
.kokuchi-midashi {
 font-weight:bold;
}
/* -- ----------------*/

/* 資料請求＆お問い合わせボタン */
.top-btn { width:900px;}
.btn-post { 
 width:450px; 
 float:left;
 text-indent:-9999em;
}
.btn-support { 
 width:450px;
 float:right;
 text-indent:-9999em;
}

.btn-support a {
 width:380px;
 height:80px;
 background:url(img/btn_support.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:20px auto 20px auto;
 display:block;
}

.btn-support a:hover {
 background:url(img/btn_support_on.gif) no-repeat;
}

.btn-post a {
 width:380px;
 height:80px;
 background:url(img/btn_siryo.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:20px auto 20px auto;
 display:block;
}

.btn-post a:hover {
 background:url(img/btn_siryo_on.gif) no-repeat;
}


/* -*-*-*-*-*-*-*-*-*-*-*-*-　製品概要　サイド設定含む*-*-*-*-*-*-*-*-*-*-*-*- */
#product {
 width:900px;
 margin:10px auto 50px auto;
 padding:0px;
}

.side {/* サイドバー共通 */
 width:210px;
 margin:10px 0px 0px 0px;
 padding:0px;
 float:left;
}

.main-content {/* メインコンテンツ共通 */
 width:660px;
 margin:10px 0px 0px 0px;
 padding:0px;
 float:right;
}

/* サイド ++++他サイドバー共通 ---------- */
.sidewaku00 {
 background:url(img/sidebg02.gif) repeat-y ;
 width:210px;
 margin:0px 0px 10px 0px;
 padding:0px;
}

.sidewaku01 {
 background:url(img/sidebg01.gif) no-repeat top;
 width:210px;
 height:10px;
 margin:0px;
 padding:0px;
}
.sidewaku02 {
 background:url(img/sidebg03.gif) no-repeat top;
 width:210px;
 height:10px;
 margin:0px;
 padding:0px;
}

.side ul {
 width:190px;
 margin:10px;
 padding:0px;
 list-style-type:none;
}

.side_li {/* サイドバー項目　11文字以内 */
 width:190px;
 margin:10px 0 0px 10px;
 padding:0px;
}

.side_li_01 {/* サイドバー項目　11文字以内 */
 width:190px;
 margin:10px 0 15px 10px;
 padding:0px 0px 5px 0px;
}

.side_li_02 {/* サイドバー項目　追加項目あり */
 width:190px;
 border-bottom:#cccccc 1px dotted;
 margin:10px 0 20px 10px;
 padding:0px 0px 10px 0px;
}

span.listBr{ margin-left:20px;}/* サイドバー項目　11文字超え改行 */



/* product-TOPサイドバー用リンク設定 */
.side li a:link,
.side li a:visited ,
.side li a:active {
 width:175px;
 height:20px;
 background:url(img/b-poti01.gif) no-repeat top left;
 color:#666666;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

.side li a:hover {
 width:175px;
 height:20px;
 background:url(img/b-poti02.gif) no-repeat top left;
 color:#999999;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

.side #last {/* サイドバー項目　最下層の設定 */
 width:170px;
 height:100%;
 border-bottom:#cccccc 1px dotted;
 margin:10px 10px 15px 10px;
 padding:0px 0px 10px 0px;
}

/* +++++++++++++++ 追加リンク +++++++++++++++ */

#link02 a{
 display:block;
 width:170px;
 height:20px;
 position:relative;
 margin:0 0 0 15px;
}

#link02 a:link {
 background:url(img/i_arrow.gif) no-repeat left 5px;
 color:#666666;
 font-size:13px;
 font-weight:normal;
 text-decoration:none;
 padding-left:10px;
 position:relative;
 display:block;
}

#link02 a:visited {
 background:url(img/i_arrow.gif) no-repeat left 5px;
 color:#666666;
 font-size:13px;
 font-weight:normal;
 text-decoration:none;
 padding-left:10px;
 
}

#link02 a:hover {
 background:url(img/i_arrow.gif) no-repeat left 5px;
 color:#999999;
 font-size:13px;
 font-weight:normal;
 text-decoration:none;
 padding-left:10px;
}

#link02 a:active {
 background:url(img/i_arrow.gif) no-repeat left 5px;
 color:#666666;
 font-size:13px;
 font-weight:normal;
 text-decoration:none;
 padding-left:10px;
}

/* product中身のサイドバー用文字設定 */
#product .side .outline .color01{
 width:175px;
 height:20px;
 background:url(img/b-poti05.gif) no-repeat top left;
 color:#333333;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}
/* product中身のサイドバー用リンク設定 */
#product .side .outline li a:link {
 width:175px;
 height:20px;
 background:url(img/b-poti01.gif) no-repeat top left;
 color:#999999;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

#product .side .outline li a:visited {
 width:175px;
 height:20px;
 background:url(img/b-poti01.gif) no-repeat top left;
 color:#999999;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

#product .side .outline li a:hover {
 width:175px;
 height:20px;
 background:url(img/b-poti02.gif) no-repeat top left;
 color:#cccccc;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

#product .side .outline li a:active {
 width:175px;
 height:20px;
 background:url(img/b-poti01.gif) no-repeat top left;
 color:#999999;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}
/* 　製品概要　メイン ---------- */

#product .main-content h1{
 width:635px;
 height:33px;
 background:url(img/midashi01.gif) no-repeat left;
 margin:0px 0px 20px 0px;
 padding:0px 0px 0px 25px;
 color:#666666;
 font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
 font-size:20px;
 font-weight:bold;
}
#product .main-content h1 img,
#press .main-content h1 img {
 margin:0px;
 padding:0px;
}

#product .main-content h2 {
 width:600px;
 height:18px;
 background:url(img/midashi02.gif) no-repeat left top;
 margin:0px 0px 0px 10px;
 padding:0px 0px 0px 15px;
 color:#333333;
 font-size:108%;
 font-weight:bold;
}

#product .main-content h3 {
 width:600px;
 height:18px;
 margin:0px 0px 0px 10px;
 padding:0px;
 color:#666666;
 font-size:108%;
 font-weight:bold;
}

#product .main-content h4 {
 width:600px;
 height:18px;
 margin:10px 0px 0px 10px;
 padding:0px 0px 0px 0px;
 color:#333333;
 font-size:108%;
 font-weight:bold;
}

#product .main-content p {
 width:620px;
 margin:5px auto 15px auto;
 padding:0px;
 font-size:108%;
 color:#666666;
 line-height:130%;
}

/* 製品概要コーナーの基本テーブル設定 */
.table-product {
 width:620px;
 border:#666666 1px solid;
 margin:0px auto 15px auto;
 border-collapse:collapse;
 padding:0px;
}

.th-product {/* thの白ラインあり */
 background-color:#666666;
 padding:2px;
 font-size:93%;
 font-weight:bold;
 color:#ffffff;
 text-align:center;
 border-right:#cccccc 1px solid;
}
.th-product2 {/* thの白ラインなし */
 background-color:#666666;
 padding:2px;
 font-size:93%;
 font-weight:bold;
 color:#ffffff;
 text-align:center;
 border-right:#cccccc 1px solid;
}

.td-product {
 background-color:#ffffff;
 border:#666666 1px solid;
 border-collapse:collapse;
 padding:2px;
 font-size:93%;
 color:#666666;
 text-align:center;
}


/* 機能紹介のテーブル設定 */
.table-function {
 width:660px;
 margin:0px auto 15px auto;
 border-collapse:collapse;
 padding:0px;
}

.td-function01 {
 width:224px;
 height:160px;
 border-collapse:collapse;
 background:url(img/function-bg.gif) no-repeat left top;
}
.td-function02 {
 width:214px;
 height:160px;
 border-collapse:collapse;
 background:url(img/function-bg.gif) no-repeat left top;
}
.td-function03 {/* 見出し画像欄 */
 width:214px;
 height:160px;
 border-collapse:collapse;
 vertical-align:top;
}

.function-midashi {
 width:194px;
 height:40px;
 margin:5px 10px 0px 10px;
 padding:0px;
 font-size:108%;
 color:#333333;
 font-weight:bold;
}
.function-p {
 width:194px;
 height:80px;
 margin:0px 10px 10px 10px;
 padding:0px;
 font-size:93%;
 color:#666666;
 line-height:110%;
}
.function-p02 {
 width:194px;
 height:80px;
 margin:0px 10px 10px 10px;
 padding:0px;
 font-size:10px;
 color:#666666;
 line-height:110%;
}
#product .news-next {
 text-align:right;
 margin:10px 10px 10px auto;
 padding:0px;
 display:block;
 clear:both;
}

.feature-font {/*商標表記用*/
 color:#999;
 font-size:10px;
 clear:both;
 padding-top:10px;
 text-align:right;
}

.feature-font02 {/*画像説明用*/
 font-size:93%;
 display:block;
 margin:5px 200px 0px 0px;
 padding:0px 0px 0px 0px;
 font-weight:bold;
}

.feature-font03 {/*商標表記用Iphone*/
 color:#999;
 font-size:93%;
 clear:both;
 padding-top:10px;
 text-align:right;
}


/* 製品概要　メイン用リンク設定 */
#product .main-content p a:link {
 color:#3366ff;
 text-decoration:underline;
}
#product .main-content p a:visited {
 color:#3366ff;
 text-decoration:underline;
}
#product .main-content p a:hover {
 color:#0099ff;
 text-decoration:underline;
}
#product .main-content p a:active {
 color:#999999;
 text-decoration:underline;
}


/* -+-+-+-+-+- お問い合わせはこちら　ボタン -+-+-+-+-+- */
.kochira01 a:link {
 width:300px;
 height:80px;
 background:url(img/b-kochira01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:20px auto 20px auto;
 display:block;
}
.kochira01 a:visited {
 width:300px;
 height:80px;
 background:url(img/b-kochira01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:20px auto 20px auto;
 display:block;
}
.kochira01 a:hover {
 width:300px;
 height:80px;
 background:url(img/b-kochira02.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:20px auto 20px auto;
 display:block;
}
.kochira01 a:active {
 width:300px;
 height:80px;
 background:url(img/b-kochira01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:20px auto 20px auto;
 display:block;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-　サポート　*-*-*-*-*-*-*-*-*-*-*-*- */
#support {
 width:900px;
 margin:10px auto 50px auto;
 padding:0px;
}

#support h2 {
 background:url(img/midashi02.gif) no-repeat top left;
 margin:0px auto 10px 0px;
 padding:0px 0px 0px 15px;
 font-size:108%;
 font-weight:bold;
 letter-spacing:2px;
}

#support div.waku01 {/* ニュースワク */
 width: 660px;
 margin:10px auto 20px auto;
 background:url(img/waku02.gif) repeat-y;
 padding:0;
}

#support div.waku02 {
 width:660px;
 height:5px;
 background:url(img/waku01.gif) no-repeat top;
 margin:0px;
 padding:0px;
}

#support div.waku03 {
 width:660px;
 height:5px;
 background:url(img/waku03.gif) no-repeat bottom;
 margin:0px;
 padding:0px;
 clear:both;
}

#support div.waku04 {
 width:620px;
 margin:10px auto 20px auto;
 padding:0px;
 color:#666666;
 font-size:108%;
 clear:both;
}

#support div.waku04 div.waku05{/* ニュースワク 日付 */
 width:100px;
 margin:0px;
 padding:0px;
 text-align:left;
 vertical-align:top;
 letter-spacing:2px;
 color:#999999;
 font-size:93%;
 font-weight:bold;
 float:left;
}

#support div.waku04 div.waku06{/* ニュースワク 内容 */
 width:480px;
 margin:0px;
 padding:0px;
 line-height:110%;
 float:right;
}

div.waku06 ul {
 padding:0px 0px 0px 15px;
}

#support .news-next {
 text-align:right;
 margin:10px 10px 10px auto;
 padding:0px;
 display:block;
 clear:both;
}
/* サイド ++++サポートページ小項目用 ---------- */
#support .side02 {
 width:210px;
 margin:10px 0px 0px 0px;
 padding:0px;
 float:left;
}

#support .side02 h1 {/* サイドバー項目　11文字以内 */
 width:190px;
 height:20px;
 border-bottom:#cccccc 1px dotted;
 margin:10px auto 10px auto;
 padding:0px 0px 5px 10px;
 font-size:14px;
}

/* support -見出し　サイドバー用リンク設定 */
.side02 h1 a:link {
 width:175px;
 height:20px;
 background:url(img/b-poti01.gif) no-repeat bottom left;
 color:#666666;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

.side02 h1 a:visited {
 width:175px;
 height:20px;
 background:url(img/b-poti01.gif) no-repeat bottom left;
 color:#666666;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

.side02 h1 a:hover {
 width:175px;
 height:20px;
 background:url(img/b-poti01.gif) no-repeat bottom left;
 color:#666666;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

.side02 h1 a:active {
 width:175px;
 height:20px;
 background:url(img/b-poti01.gif) no-repeat bottom left;
 color:#666666;
 font-size:108%;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;
}

/* support 小項目内のリスト　サイドバー用 */
.side02 ul {
 margin:10px;
 padding:0px;
 list-style-type:disc;
}

.side02 li {
 margin:10px auto 10px 15px;
 padding:0px;
}
/* support 小項目内のサイドバー用リンク設定 */
.side02 li a:link {
 color:#666666;
 font-size:93%;
 text-decoration:underline;
}
.side02 li a:visited {
 color:#666666;
 font-size:93%;
 text-decoration:underline;
}

.side02 li a:hover {
 color:#0066ff;
 font-size:93%;
 text-decoration:underline;
}

.side02 li a:active {
 color:#999999;
 font-size:93%;
 text-decoration:underline;
}

/* support 小項目内のリスト　サイドバー用 */
.side02 p {
 color:#666666;
 font-size:93%;
 margin:10px;
 padding:0px;
}

/* 　サポートページ　FAQ ---------- */
.faq-midashi {
 width:189px;
 height:30px;
 margin:0px auto 10px 0px;
 padding:0px;
}
.h1-faq {
 width:600px;
 height:16px;
 background:url(img/b-poti00.gif) no-repeat left;
 color:#333333;
 font-size:108%;
 font-weight:bold;
 margin:10px auto 0px 20px;
 padding:0px 0px 0px 15px;
}
.dl-faq {
 margin:20px auto 10px 20px;
 padding:0px;
}
.dt-faq {
 background:url(img/ico-faq01.gif) no-repeat left top;
 color:#336699;
 font-size:16px;
 line-height:110%;
 margin:0px 20px 10px 0px;
 padding:0px 0px 0px 40px;
}
.dd-faq {
 background:url(img/ico-faq02.gif) no-repeat left top;
 color:#333333;
 font-size:108%;
 line-height:110%;
 margin:0px 20px 10px 10px;
 padding:0px 0px 0px 40px;
}

.hr-faq {
 border-style:dotted;
}

/* 　サポートページ　カスタマー・サポート ---------- */
.customer-midashi {
 width:189px;
 height:30px;
 margin:10px auto 10px 40px;
 padding:0px;
}
#customer {
 width:820px;
 margin:0px auto 20px auto;
 padding:0px;
}

#customer div.waku01 {/* カスタマー・サポート ワク */
 width:820px;
 margin:0px;
 background:url(img/waku05.gif) repeat-y;
 padding:0px;
}

#customer div.waku02 {
 width:820px;
 height:5px;
 background:url(img/waku04.gif) no-repeat top;
 margin:0px;
 padding:0px;
}

#customer div.waku03 {
 width:820px;
 height:5px;
 background:url(img/waku06.gif) no-repeat bottom;
 margin:0px;
 padding:0px;
}


#customer table {/* カスタマー・サポート テーブル */
 width:700px;
 margin:25px auto 0px auto;
 padding:0px;
}

#customer .td03 {/* 問い合わせ　左側設定 */
 width:190px;
 text-align:left;
 background:url(img/midashi02.gif) no-repeat top left;
 vertical-align:top;
 color:#333333;
 font-size:108%;
 line-height:120%;
 margin:0px;
 padding:0px 0px 6px 15px;
}

#customer .td04 {/* 問い合わせ　右側、テキストボックス設定 */
 width:400px;
 text-align:left;
 vertical-align:top;
 color:#333333;
 font-size:108%;
 line-height:120%;
 margin:0px;
 padding:0px 0px 6px 0px;
}

#customer .td05 {/* 問い合わせ　下側設定 */
 color:#333333;
 font-size:108%;
 line-height:120%;
 margin:0px;
 padding:0px 0px 6px 10px;
}

/* 赤色テキストの色設定 */
#customer .red-text {color:#cc3333;}

/* 赤色・小テキストの色設定 */
#customer .red-small {color:#cc3333; font-size:10px;}

/* 小テキストの色設定 */
#customer .small-text {font-size:10px;}

/* テキストボックスの設定 */
#customer table .box01 {width:200px;}
#customer table .box02 {width:300px;}
#customer table .box03 {width:400px; height:170px;}
/* 数字入力のcss設定は用意していない */


/* -*-*-*-*-*-*-*-*-*-*-*-*-　問い合わせ　*-*-*-*-*-*-*-*-*-*-*-*- */

#inquiry {
 width:900px;
 margin:10px auto 50px auto;
 padding:0px;
}

#inquiry table {
 width:620px;
 margin:25px auto 0px auto;
 padding:0px;
}

.td03 {/* 問い合わせ　左側設定 */
 width:170px;
 text-align:left;
 background:url(img/midashi02.gif) no-repeat top left;
 vertical-align:top;
 color:#333333;
 font-size:108%;
 line-height:120%;
 margin:0px;
 padding:0px 0px 6px 15px;
}

.td04 {/* 問い合わせ　右側、テキストボックス設定 */
 width:450px;
 text-align:left;
 vertical-align:top;
 color:#333333;
 font-size:108%;
 line-height:120%;
 margin:0px;
 padding:0px 0px 6px 0px;
}

.td05 {/* 問い合わせ　下側設定 */
 color:#333333;
 font-size:108%;
 line-height:120%;
 margin:0px;
 padding:0px 0px 6px 10px;
}

/* 太字テキストの色設定 */
.bold-text {font-weight:bold;}

/* 赤色テキストの色設定 */
#inquiry .red-text {color:#cc3333;}

/* 赤色・小テキストの色設定 */
#inquiry .red-small {color:#cc3333; font-size:10px;}

/* 小テキストの色設定 */
#inquiry .small-text {font-size:10px;}

/* テキストボックスの設定 */
#inquiry table .box01 {width:200px;}
#inquiry table .box02 {width:300px;}
#inquiry table .box03 {width:400px; height:170px;}
/* 数字入力のcss設定は用意していない */

/* 「送信」ボタン設定 */
.submit01 {
 text-align:center;
 heigh:21px;
 margin:30px auto 0ox auto;
 padding:0px;
}

/* 「こちら」用リンク設定 */
.td04 a:link {
 color:#3366cc;
 text-decoration:underline;
}
.td04 a:visited {
 color:#3399ff;
}
.td04 a:hover {
 color:#cc3300;
}
.td04 a:active {
 color:#3399ff;
}

/* 　フォーム確認 ---------- */
.confirmation {
 width:900px;
 border-top:#cccccc 1px dotted;
 border-bottom:#cccccc 1px dotted;
 margin:10px auto 50px auto;
 padding:0px;
 clear:both;
}
.header2 {/* フォーム確認 ヘッダー */
 width:900px;
 height:100px;
 margin:0px auto 20px auto;
 padding:0px;
}
.header2 h1 {/* タイトル */
 width:228px;
 height:21px;
 margin:80px 0 15px 9px;
 padding:0;
 float:left;
}
.header2 h2 {/* 鳥ロゴ */
 width:169px;
 height:98px;
 margin:12px 15px 2px 0;
 padding:0;
 float:right;
}
/* -*-*-*-*-*-*-*-*-*-*-*-*-　会社案内　*-*-*-*-*-*-*-*-*-*-*-*- */


#company {
 width:900px;
 height:650px;
 background:url(img/c-info-bg.jpg) no-repeat top;
 margin:0px 0px 40px 0px;
 padding:0px;
}

#company table {
 width:600px;
 margin:0px 0px 0px 25px;
 padding:0px 0px 0px 0px;
}

.td01 {/* 会社案内　左側設定 */
 width:90px;
 text-align:right;
 vertical-align:top;
 color:#666666;
 font-size:93%;
 line-height:120%;
 margin:0px;
 padding:3px 0px 3px 0px;
}

.td02 {/* 会社案内　右側設定 */
 width:510px;
 text-align:left;
 vertical-align:top;
 color:#333333;
 font-size:93%;
 line-height:120%;
 margin:0px;
 padding:3px 0px 3px 10px;
}
/* - - - - - - - - - - - - -　サイトマップ　- - - - - - - - - - - - - */
#sitemap {
 width:900px;
 margin:10px auto 50px auto;
 padding:0px;
}

#sitemap table {
 width:700px;
 margin:0px auto 0px 30px;
 padding:10px 0px 0px 0px;
}

.map-td01 {/* 小ボタン */
 width:150px;
 height:40px;
 font-size:93%;
 margin:0px;
 padding:0px;
 color:#666666;
}

/* 小ボタン　リンク設定 */
.map-td01 a:link  {
 width:120px;
 height:25px;
 background:url(img/site-b01.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:13px 5px 2px 25px;
 display:block;
 text-decoration:none;
}
.map-td01 a:visited  {
 width:120px;
 height:25px;
 background:url(img/site-b01.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:13px 5px 2px 25px;
 display:block;
 text-decoration:none;
}
.map-td01 a:hover  {
 width:120px;
 height:25px;
 background:url(img/site-b02.gif) no-repeat;
 font-size:12px;
 color:#333333;
 margin:0px;
 padding:13px 5px 2px 25px;
 display:block;
 text-decoration:none;
}
.map-td01 a:active  {
 width:120px;
 height:25px;
 background:url(img/site-b01.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:13px 5px 2px 25px;
 display:block;
 text-decoration:none;
}

.map-td08 {/* 小ボタン 2 */
 width:130px;
 height:40px;
 margin:0px;
 padding:0px;
 font-size:12px;
 color:#666666;
}
/* 小ボタン 2　リンク設定 */
.map-td08 a:link  {
 width:120px;
 height:30px;
 background:url(img/site-b01.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:8px 5px 2px 25px;
 display:block;
 text-decoration:none;
 line-height:110%;
}
.map-td08 a:visited  {
 width:120px;
 height:30px;
 background:url(img/site-b01.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:8px 5px 2px 25px;
 display:block;
 text-decoration:none;
 line-height:110%;
}
.map-td08 a:hover  {
 width:120px;
 height:30px;
 background:url(img/site-b02.gif) no-repeat;
 font-size:12px;
 color:#333333;
 margin:0px;
 padding:8px 5px 2px 25px;
 display:block;
 text-decoration:none;
 line-height:110%;
}
.map-td08 a:active  {
 width:120px;
 height:30px;
 background:url(img/site-b01.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:8px 5px 2px 25px;
 display:block;
 text-decoration:none;
 line-height:110%;
}

/* ---------------------- */
.map-td02 {/* 大ボタン */
 width:160px;
 height:40px;
 margin:0px;
 padding:0px;
 font-size:12px;
 color:#666666;
}

/* 大ボタン　リンク設定 */
.map-td02  a:link  {
 width:130px;
 height:25px;
 background:url(img/site-b03.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:13px 5px 2px 25px;
 display:block;
 text-decoration:none;
}
.map-td02  a:visited  {
 width:130px;
 height:25px;
 background:url(img/site-b03.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:13px 5px 2px 25px;
 display:block;
 text-decoration:none;
}
.map-td02  a:hover  {
 width:130px;
 height:25px;
 background:url(img/site-b04.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:13px 5px 2px 25px;
 display:block;
 text-decoration:none;
}
.map-td02  a:active  {
 width:130px;
 height:25px;
 background:url(img/site-b03.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:13px 5px 2px 25px;
 display:block;
 text-decoration:none;
}

.map-td09 {/* 大ボタン 2 */
 width:160px;
 height:40px;
 margin:0px;
 padding:0px;
 font-size:12px;
 color:#666666;
}

/* 大ボタン 2　リンク設定 */
.map-td09  a:link  {
 width:130px;
 height:30px;
 background:url(img/site-b03.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:8px 5px 2px 25px;
 display:block;
 text-decoration:none;
 line-height:110%;
}
.map-td09  a:visited  {
 width:130px;
 height:30px;
 background:url(img/site-b03.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:8px 5px 2px 25px;
 display:block;
 text-decoration:none;
 line-height:110%;
}
.map-td09  a:hover  {
 width:130px;
 height:30px;
 background:url(img/site-b04.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:8px 5px 2px 25px;
 display:block;
 text-decoration:none;
 line-height:110%;
}
.map-td09  a:active  {
 width:130px;
 height:30px;
 background:url(img/site-b03.gif) no-repeat;
 font-size:12px;
 color:#666666;
 margin:0px;
 padding:8px 5px 2px 25px;
 display:block;
 text-decoration:none;
 line-height:110%;
}

/* ---------------------- */


.map-td03 {/* ライン 上部 */
 width:40px;
 height:40px;
 background:url(img/site-line01.gif) no-repeat;
}
.map-td04 {/* ライン 中部 */
 width:40px;
 height:40px;
 background:url(img/site-line02.gif) no-repeat;
}
.map-td05 {/* ライン 下部 */
 width:40px;
 height:40px;
 background:url(img/site-line03.gif) no-repeat;
}
.map-td06 {/* 隙間ライン */
 width:40px;
 height:10px;
 background:url(img/site-line04.gif) repeat-y;
}
.map-td07 {/* 隙間ライン */
 width:40px;
 height:40px;
 background:url(img/site-line04.gif) repeat-y;
}
.map-td08 {/* ライン 水平 */
 width:40px;
 height:40px;
 background:url(img/site-line05.gif) no-repeat;
}
/* - - - - - - - - - - - - -　プライバシー・ポリシー　- - - - - - - - - - - - - */
#privacy {
 width:900px;
 margin:10px auto 50px auto;
 padding:0px;
}

#privacy h1 {/* 中見出し */
 height:16px;
 background:url(img/midashi02.gif) no-repeat left;
 margin:10px auto 20px 40px;
 padding:0px 0px 0px 20px;
 font-size:108%;
 color:#666666;
}

#privacy h2 {/* 小見出し */
 height:16px;
 background:url(img/midashi03.gif) no-repeat left;
 margin:10px auto 5px 60px;
 padding:0px 0px 0px 15px;
 font-size:108%;
 color:#3366cc;
}

#privacy p {
 margin:10px 60px 20px 60px;
 padding:0px;
 text-align:left;
 line-height:180%;
 font-size:93%;
 color:#666666;
}

#privacy ul {
 margin:10px 60px 20px 70px;
 padding:0px;
 text-align:left;
 line-height:180%;
 font-size:93%;
 color:#666666;
}

.color02 {/* 文字カラー設定 */
 color:#333333;
 font-weight:bold;
}
.color03 {/* 文字カラー設定 */
 color:#000000;
}

#privacy .news-next {
 text-align:right;
 margin:10px 10px 10px auto;
 padding:0px;
 display:block;
 line-height:150%;
 font-size:93%;
}
.dl-privacy {
 margin:10px 60px 10px 60px;
 padding:0px;
}
.dt-privacy {
 color:#666666;
 font-size:108%;
 line-height:110%;
 margin:0px;
 padding:0px;
}
.dd-privacy {
 color:#666666;
 font-size:93%;
 line-height:150%;
 margin:5px 0px 10px 10px;
 padding:0px;
}

/* - - - - - - - - - - - - -　ご利用規約　- - - - - - - - - - - - - */
#use {
 width:900px;
 margin:10px auto 50px auto;
 padding:0px;
}
#use p {
 margin:10px 60px 20px 60px;
 padding:0px;
 text-align:left;
 line-height:180%;
 font-size:93%;
 color:#666666;
}
.dl-use {
 margin:10px 60px 10px 60px;
 padding:0px;
}
.dt-use {
 color:#666666;
 font-size:93%;
 line-height:110%;
 margin:0px;
 padding:0px;
 font-weight:bold;
}
.dd-use {
 color:#666666;
 font-size:93%;
 line-height:150%;
 margin:10px 0px 15px 10px;
 padding:0px;
}
#use .news-next {
 text-align:right;
 margin:10px 10px 10px auto;
 padding:0px;
 display:block;
 font-size:93%;
}

#use ul {
 margin:10px 0px 0px 0px;
 padding:0px;
 list-style-type:none;
}
#use li {
 margin:0px 0px 0px 20px;
 padding:0px;
}

/* =================== */
.clearfix:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.clearfix{display:inline-block;}
/*Hides from IE-mac \*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

/* =================== */

/* リンク================================================================ */

/* 基本設定 */
a:link {
 color:#333333;
 text-decoration:underline;
}
a:visited {
 color:#666699;
 text-decoration:underline;
}
a:hover {
 color:#3366ff;
 text-decoration:underline;
}
a:active {
 color:#666666;
 text-decoration:underline;
}


/* ヘッダー・メニューボタン設定 */

/* -+-+-+-+-+- トップページ　ボタン -+-+-+-+-+- */
.gnavi { background:url(img/gronavi.png) no-repeat; display:block;}

.menu_li01 {
 width:180px;
 height:50px;
 background-position:0 0;
}

.menu_li02 {
 width:180px;
 height:50px;
 background-position:-180px 0;
}

.menu_li03 {
 width:180px;
 height:50px;
 background-position:-360px 0;
}

.menu_li04 {
 width:180px;
 height:50px;
 background-position:-540px 0;
}

.menu_li05 {
 width:180px;
 height:50px;
 background-position:-720px 0;
}

a:hover.menu_li01,
.menu_li01_on {
 width:180px;
 height:50px;
 background-position:0 -50px;
}

a:hover.menu_li02,
.menu_li02_on {
 width:180px;
 height:50px;
 background-position:-180px -50px;
}

a:hover.menu_li03,
.menu_li03_on {
 width:180px;
 height:50px;
 background-position:-360px -50px;
}

a:hover.menu_li04,
.menu_li04_on {
 width:180px;
 height:50px;
 background-position:-540px -50px;
}

a:hover.menu_li05,
.menu_li05_on {
 width:180px;
 height:50px;
 background-position:-720px -50px;
}


/* -+-+-+-+-+- トップイメージ -+-+-+-+-+- */
#image-navigation{ width:900px;}

#image-navigation ul li a {
  display:block;
  width:250px;
  height:80px;
}
#image-navigation .navi {
  float:right;
}
#image-navigation .navi-image {
  float:left;
}

#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

/* -+-+-+-+-+- 製品概要　ボタン -+-+-+-+-+- */
.menu_li02 a:link {
 width:180px;
 height:48px;
 background:url(img/b-gaiyou01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li02 a:visited {
 width:180px;
 height:48px;
 background:url(img/b-gaiyou01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li02 a:hover {
 width:180px;
 height:48px;
 background:url(img/b-gaiyou02.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li02 a:active {
 width:180px;
 height:48px;
 background:url(img/b-gaiyou01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
/* -+-+-+-+-+- サポート　ボタン -+-+-+-+-+- */
.menu_li03 a:link {
 width:180px;
 height:48px;
 background:url(img/b-support01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li03 a:visited {
 width:180px;
 height:48px;
 background:url(img/b-support01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li03 a:hover {
 width:180px;
 height:48px;
 background:url(img/b-support02.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li03 a:active {
 width:180px;
 height:48px;
 background:url(img/b-support01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
/* -+-+-+-+-+- お問い合わせ　ボタン -+-+-+-+-+- */
.menu_li04 a:link {
 width:180px;
 height:48px;
 background:url(img/b-toiawase01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li04 a:visited {
 width:180px;
 height:48px;
 background:url(img/b-toiawase01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li04 a:hover {
 width:180px;
 height:48px;
 background:url(img/b-toiawase02.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li04 a:active {
 width:180px;
 height:48px;
 background:url(img/b-toiawase01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
/* -+-+-+-+-+- 会社案内　ボタン -+-+-+-+-+- */
.menu_li05 a:link {
 width:180px;
 height:48px;
 background:url(img/b-kaisyaannai01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li05 a:visited {
 width:180px;
 height:48px;
 background:url(img/b-kaisyaannai01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li05 a:hover {
 width:180px;
 height:48px;
 background:url(img/b-kaisyaannai02.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
.menu_li05 a:active {
 width:180px;
 height:48px;
 background:url(img/b-kaisyaannai01.gif) no-repeat;
 border:0px;
 padding:0px;
 margin:0px;
 display:block;
}
/* フッター・メニューボタン */
#footer a:link {
 color:#666666;
 text-decoration:none;
}
#footer a:visited {
 color:#666699;
 text-decoration:none;
}
#footer a:hover {
 color:#336699;
 text-decoration:underline;
}
#footer a:active {
 color:#666666;
 text-decoration:none;
}

/* 事例紹介================================================================ */

#product div.waku01 {/* ニュースワク */
 width: 660px;
 margin:10px auto 20px auto;
 background:url(img/waku02.gif) repeat-y;
 padding:0;
}

#product div.waku02 {
 width:660px;
 height:5px;
 background:url(img/waku01.gif) no-repeat top;
 margin:0px;
 padding:0px;
}

#product div.waku03 {
 width:660px;
 height:5px;
 background:url(img/waku03.gif) no-repeat bottom;
 margin:0px;
 padding:0px;
 clear:both;
}

#product div.waku04 {
 width:620px;
 margin:10px auto 20px auto;
 padding:0px;
 color:#666666;
 font-size:108%;
 clear:both;
}

#product div.waku04 div.waku05{/* 担当者画像 */
 width:150px;
 margin:10px 0px 0px 0px;
 padding:0px;
 text-align:center;
 vertical-align:top;
 letter-spacing:2px;
 color:#999999;
 font-size:93%;
 font-weight:bold;
 float:left;
}

#product div.waku04 div.waku06{/* 導入事例 */
 width:440px;
 margin:10px 0px 0px 0px;
 padding:0px;
 line-height:130%;
 float:right;
}

.h1-topic {/* BOX内の見出し */
 width:440px;
 height:16px;
 background:url(img/b-poti00.gif) no-repeat left;
 color:#333333;
 font-size:108%;
 font-weight:bold;
 margin:0px auto 15px 0px;
 padding:0px 0px 0px 15px;
}

.link01 {/* 詳細リンク */
margin:15px 0px 0px 0px;
text-align:right;
}

#link02 {/* 詳細リンク */
margin:10px 0px 0px 0px;
display:block;
}

#link03 {/* 大項目リンク */
margin:5px 0px 0px 0px;
display:block;
}

#link03 img{/* 大項目リンク */
margin:0 10px 15px 10px;
padding:0 10px 15px 0;
 border-bottom:#cccccc 1px dotted;}

#link03 a{
 background:none;
 margin:0px;
 padding:0px;}

.case_text {
 width:600px;
 color:#666666;
 font-size:108%;
 margin:25px auto 20px 20px;
 padding:0px 0px 10px 5px;
}

/* 製品紹介================================================================ */

#press {
 width:900px;
 margin:0px auto 50px auto;
 padding:0px;
}

#press .main-content img.app{ /* アプリ画像 */
 float:left;
 width:80px;
 height:80px;
}

#press .main-content h1{
 height:33px;
 background:url(img/midashi01.gif) no-repeat left;
 margin:0;
 padding:0px 0px 0px 20px;
 color:#666666;
 font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
 font-size:20px;
 font-weight:bold;
}


#press .main-content .namewrap { /* アプリタイトル＋会社名 */
	width:570px;
	float:left;
}

#press .main-content .namewrap02 { /* アプリタイトル＋会社名 */
	width:620px;
	float:left;
}

#press .main-content h2.appTit { /* アプリ製品タイトル */
 height:auto;
 font-size:160%;
 margin:3px 0 0 10px;
}

#press .main-content h2.gameTit { /* ゲーム製品タイトル */
 height:auto;
 font-size:160%;
 margin:3px 0 0 0;
}


#press .main-content p.companyName { /* 会社名 */
 text-align:right;
 font-size:93%;
 margin:0 0 0 10px;
 vertical-align:bottom;
}

#categoryTxt01 { /* ZEKE CMS 概要欄 */
 background:url(img/category_bg01.jpg) no-repeat;
 margin:0 0 20px 0;
 line-height:1.4em;
 padding:20px;
 border:1px #CCC solid;}
 
#categoryTxt02 { /* iPhone&Android 概要欄 */
 background:url(img/category_bg02.jpg) no-repeat;
 margin:0 0 40px 0;
 line-height:1.4em;
 padding:20px;
 border:1px #CCC solid;}
 
#categoryTxt03 { /* スマートフォン向けパッケージ 概要欄 */
 background:url(img/category_bg03.jpg) no-repeat;
 margin:0 0 40px 0;
 line-height:1.4em;
 padding:20px;
 border:1px #CCC solid;}

#categoryTxt04 { /* ソーシャルゲーム開発 概要欄 */
 background:url(img/category_bg04.jpg) no-repeat;
 margin:0 0 40px 0;
 line-height:1.4em;
 padding:20px;
 border:1px #CCC solid;}

#categoryTxt02 p,
#categoryTxt03 p,
#categoryTxt04 p {
 margin-left:10px;
}

.entrybox {
 margin-bottom:20px;
 width:660px;
 }
 
#press .main-content .txt_ph { /* Iphoneアプリ製品説明 */
 float:right; 
 width:440px; 
 height:180px;
 margin:10px 0; 
 font-size:93%;
 line-height:1.4em;
}

#press .main-content .txt_game,
#press .main-content .txt_pad { /* ipad・ゲーム製品説明 */
 float:right; 
 width:440px; 
 height:auto;
 margin:10px 0; 
 font-size:93%;
 line-height:1.4em;
}

#press .main-content .txt_and { /* android製品説明 */
 float:right; 
 width:440px; 
 height:155px;
 margin:10px 0; 
 font-size:93%;
 line-height:1.4em;
}

.proTit {
 padding-top:20px;
}

.proTit02 {
 width:630px;
 margin:20px 0px 10px 5px;
 background:url(img/midashi05.gif) left 30px no-repeat;
 padding-left:25px;
}

#press .main-content p.caption { /* キャプション */
 font-size:108%;
 width:350px;
 color:#999;
 margin:0 0 0 10px;
 float:left;
 font-weight:bold;
}

span.caption02 { /* キャプション2 */
 font-size:108%;
 width:480px;
 color:#999;
 font-weight:bold;
 float:left;
}

#press .main-content p.cate_iphone { /* マーク・iPhone */
 font-size:93%;
 margin:0 0 0 10px;
 float:right;
 width:55px;
 border:1px solid #CCC;
 padding:3px;
 text-align:center;
 color:#40A8A8;
 font-weight:bold;
}

#press .main-content p.cate_android { /* マーク・Android */
 font-size:93%;
 margin:0 0 0 10px;
 float:right;
 width:55px;
 border:1px solid #CCC;
 padding:3px;
 text-align:center;
 color:#C00;
 font-weight:bold;
}

#press .main-content p.cate_ipad { /* マーク・iPad */
 font-size:93%;
 margin:0 0 0 10px;
 float:right;
 width:55px;
 border:1px solid #CCC;
 padding:3px;
 text-align:center;
 color:#F90;
 font-weight:bold;
}

#press .main-content p.cate_gray { /* マーク・グレーアウト */
 font-size:93%;
 margin:0 0 0 10px;
 float:right;
 width:55px;
 border:1px solid #CCC;
 padding:3px;
 text-align:center;
 color:#CCC;
 font-weight:bold;
}

#press .main-content p.cate_gree { /* マーク・GREE */
 font-size:93%;
 margin:0 0 0 70px;
 float:right;
 width:55px;
 border:1px solid #CCC;
 padding:3px;
 text-align:center;
 color:#0AC6ED;
 font-weight:bold;
}

/* ====アプリダウンロード・QRコード欄==== */
#press .main-content .appWrap { margin-top:15px;}
#press .main-content .appWrap02 { margin:14px 0 20px 0;}
#press .main-content dd.btnApp,
#press .main-content dd.btnAndroid { float:right; width:111px; margin-right:10px;}

#press .main-content dd.btnApp a{ /* App storeダウンロードボタン */
 background:url(img/btn_app.gif) no-repeat;
 width:111px;
 height:44px;
 display:block;
 text-indent:-9999em;}
 
#press .main-content dd.btnAndroid a{ /* Android Marketダウンロードボタン */
 background:url(img/btn_android.gif) no-repeat;
 width:111px;
 height:44px;
 display:block;
 text-indent:-9999em;}
 
#press .main-content dd.web_link{　/* アプリ公式リンク */
 display:block;
 width:188px;
 height:44px;
 font-size:10px;
 float:left;
 line-height:1.5em;
}

#press .main-content dd.web_link02{ /* ゲーム公式リンク */
 width:400px;
 font-size:10px;
 float:left;
 line-height:1.5em;
}

#press .main-content dd.web_link a,
#press .main-content dd.web_link02 a{
 background:url(img/i_arrow.gif) no-repeat left center;
 padding-left:10px;
}

#press .main-content dd.web_link span,
#press .main-content dd.web_link02 span{
margin-top:10px;}

#press .main-content .QRwrap { /* QRコード */
 float:right;
 width:230px;
}

#press .main-content .QRcode01{ /* QRコード GOSICK */
 background:url(img/app/qr_gosick.gif) no-repeat;
 width:111px;
 height:111px;
 float:right;
 text-indent:-9999em;
 display:block;
}

#press .main-content .QRcode02{ /* QRコード エリュシオン */
 background:url(img/app/qr_elysion.gif) no-repeat;
 width:111px;
 height:111px;
 float:left;
 text-indent:-9999em;
 display:block;
}

#press .main-content .QRcode03{ /* QRコード エリュシオン２ */
 background:url(img/app/qr_elysion02.gif) no-repeat;
 width:111px;
 height:111px;
 float:right;
 text-indent:-9999em;
 display:block;
}

#press .main-content .gameTxt { /* 携帯からアクセス！ */
 float:left;
 width:101px;
 font-size:11px;
 text-align:right;
 margin-top:5px;
 padding-left:10px;}
 
.pagetop { 
 width:660px;
 float:right;
 text-align:right;
 font-size:93%;
 margin:10px 0 0 0;
}

.pagetop ul li {
 width:140px;
 height:15px;
}

.pagetop a.link-post{ /* お問い合わせ・資料請求ボタン */
 color:#666;
 width:130px;
 height:35px;
 float:left;
 margin:0 10px 0 0;
 padding:0 10px 0 25px;
 line-height:35px;
 background:url(img/btn_post.png) no-repeat;
 background-position:0 0;
 font-weight:bold;
 text-decoration:none;
 text-align:left;
 display:block;
}

.pagetop a:hover.link-post{
 background-position:0 -35px;
 color:#F30;
}

.pagetop a.link-top{ /* ページTOP */
 background:url(img/arrow_top.gif) left center no-repeat;
 padding-left:10px;
}

/* アプリ画像マウスオーバー切替 */
div.swap,div.swap02{
 width:660px;
 overflow:hidden;
 margin:0 0 20px 0;
 padding:10px 0 30px 0;
 border-bottom:1px dotted #666;
}

div.swap ul {
 float:right;
 width:440px; 
}

div.swap02 ul {
 margin-top:20px;
 padding-top:20px;
}

div.swap p,div.swap02 p{
 width:350px;
 height:402px;
 float:left;
 display:inline;
}

div.swap p img,
div.swap02 p img{
 display:block;
}

div.swap li a,
div.swap02 li a{
 border: solid 1px #CCC;
 padding: 4px;
 display:block;
}

div.swap li a.selected,
div.swap02 li a.selected {
 background:#97D6FF;
}

div.swap li,
div.swap02 li {
 float:left;
 margin:0 5px 10px 0;
}

.apArider3 { /* 特別（ARider横画面 */
 background:url(img/app/arider_04.jpg) no-repeat left center;
 text-indent:-9999em;
 width:248px;
 height:173px;
 display:block;
 border:1px solid #CCC;
 clear:both;
 margin:20px 0 10px 0 ;
}

/* IPhone4用アプリ */
.ver_iPhone {
 background:url(img/bg-iphone4.png) no-repeat;
 width:203px;
 height:402px;
 text-align:center;
 float:left;
 margin-right:15px;
 }
 
.ver_iPhone img{
 margin:82px 15px;
 display:block;
 float:left;
}

* html .ver_iPhone img{
 margin:82px 8px;
 display:block;
 float:left;
}

/* IPad用アプリ */
.ver_iPad {
 background:url(img/bg-ipad-1.png) no-repeat;
 width:210px;
 height:270px;
 text-align:center;
 float:left;
 margin-right:10px;
 }
 
.ver_iPad img{
 margin:26px auto 0;
 display:block;
}

/* MOBILE用アプリ */
.ver_mobile {
 background:url(img/bg-mobile.png) no-repeat;
 width:210px;
 height:300px;
 text-align:center;
 float:left;
 margin-right:10px;
 }
 
.ver_mobile img{
 margin:48px auto 0;
 display:block;
}

/* Androidアプリ */
.ver_android {
 background:url(img/bg-android.png) no-repeat;
 width:203px;
 height:404px;
 text-align:center;
 float:left;
 margin-right:10px;
 }
 
.ver_android img{
 margin:45px auto 0;
 display:block;
}