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

	common.css
	全頁共通で使用するレイアウト用

**********************************************************/
@charset "utf-8";

/* ----------▼ブラウザスタイルの初期化---------- */

/* 余白無しに統一 */
*{
	margin:0;
	padding:0;
}

/* ----------▼Firefoxズレ修正（html）---------- */
html {   
    overflow-y:scroll;   
}  

/* ----------▼文書本体（body）---------- */

body{
	text-align: center;
	background: url(../images/bg.gif) top center;
	background-repeat: repeat-x;
	background-color: #666666;
	font-size: 75%;
	font-family: "helvetica","Hiragino Kaku Gothic Pro","sans-serif";
}

/* ----------▲文書本体（body）---------- */


/* ----------▼リンクテキスト（a）---------- */

a:link{
	color: #22498A;
}
a:visited{
	color: #22498A;
}
a:hover{
	color: #728EB4;
}
a:active{
	color: #22498A;
}

/* ----------▲リンクテキスト（a）---------- */


/* ----------▼画像（img）---------- */

/* アンカータグ内の画像枠の消去 */
a img{border:none;}

/* 画像の隙間を消す */
img{ vertical-align: top;}

/* ----------▲画像（img）---------- */

/**********************************************
レイアウト
**********************************************/

/* 横幅を指定（左右の影部分含む） */
#wrapper
{
	width: 858px;
	text-align: left;
	margin:0 auto;
	padding: 0 0 4px 0;
	background: url(../images/bg_ft-shade.gif) bottom;  /* 最下部の影 透過PNG使用 */
}

/* 左右の影部分を余白設定する */
#wrapper-inner
{
	padding: 0 4px;
	margin: 0 0 0 0;
	background: url(../images/bg_side-shade.gif);  /* 横の影 透過PNG使用 */
}

/* 白背景部分 */
#container
{
	width: 850px;
	background: #ffffff;
}

/**********************************************
ヘッダ部分　共通パーツ
**********************************************/

/* ----------▼ヘッダ---------- */

/* ヘッダ ページ最上部～グローバルメニュー */
#header
{
	border-top: 40px none;
/*	background: url(../images/bg_header.gif) top center;*/
	background-repeat: repeat-x;
}

/* ロゴ */
#logoarea
{
	float: left;
	width: 400px;
}

#logoarea p
{
	padding:  12px 0 0 24px;
}

/* ナビボタン 検索フォーム */
#naviarea
{
	float: left;
	width: 450px;
	text-align: right;
}
/* ボタン（ホーム　サイトマップ　日本語　English） */
#btnarea {
	text-align: left;
	padding: 7px 0 0 0;
	margin: 0 0 0 auto;
/*	width: 190px;*/
	width:240px; /* 20110826 Modified */
}

#btnarea ul{list-style-type:none;}
#btnarea li{float: left;}

/* ホーム　サイトマップ  日本語　English */
.hd-btn-lang
{
	height: 13px;
	width: 85px;
/*	overflow: hidden;*/
	display: block;
	text-indent: -9999px;
}
/* ホーム */
#hd-btn-home
{
	background: url(../images/hd_btn-home.gif) no-repeat;
	margin: 0 2px 0 0;
}
#hd-btn-home:hover
{
	background-position: 0 -13px;
}
/* サイトマップ */
#hd-btn-sitemap
{
	background: url(../images/hd_btn-sitemap.gif) no-repeat;
	margin: 0 2px 0 0;
}
#hd-btn-sitemap:hover
{
	background-position: 0 -13px;
}
/* 日本語 */
#hd-btn-jp
{
	background: url(../images/hd_btn-jp.gif) no-repeat;
	margin: 0 2px 0 0;
}
#hd-btn-jp:hover
{
	background-position: 0 -13px;
}
/* English */
#hd-btn-en
{
	background: url(../images/hd_btn-en.gif) no-repeat;
	margin: 0 2px 0 0;
}
#hd-btn-en:hover
{
	background-position: 0 -13px;
}

/* 検索フォーム */
#searcharea
{
	padding: 10px 14px 7px 0;
}

input#hd-btn-search {
	width: 41px;
	height: 19px;
	border: 0;
	background: url(../images/hd_btn-search.gif) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}
input#hd-btn-search:hover {
	background-position: 0 -18px;
}
input#hd-txtbox-search
{
	width: 138px;
	height: 15px;
	border: 1px solid #9B9B9B;
	font-size: 1em;
	padding: 2px;
}

/* ----------▲ヘッダ---------- */


/* ----------▼グローバルメニュー---------- */

#globalmenuarea
{
	height: 40px;
	background: url(../images/hd_bg-globalmenu.gif) no-repeat;
}
#globalmenu-list
{
	list-style-type: none;
}
#globalmenu-list li
{
	float: left;
}
.globalmenu-link
{
	height: 40px;
/*	overflow: hidden;*/
	display: block;
	text-indent: -9999px;
	margin: 0 1px 0 0;
}
#globalmenu-list li a:hover
{
	background-position: center -40px;
}
#globalmenu-list li .globalmenu-on
{
	background-position: center -40px !important;
}

/* グローバルメニューの（背景）画像 */
#globalmenu-products
{
	background: url(../images/hd_globalmenu_products.gif) no-repeat center top;
	width: 120px;
}
#globalmenu-application
{
	background: url(../images/hd_globalmenu_application.gif) no-repeat center top;
	width: 120px;
}
#globalmenu-download
{
	background: url(../images/hd_globalmenu_download.gif) no-repeat center top;
	width: 120px;
}
#globalmenu-support
{
	background: url(../images/hd_globalmenu_support.gif) no-repeat center top;
	width: 120px;
}
#globalmenu-profile
{
	background: url(../images/hd_globalmenu_profile.gif) no-repeat center top;
	width: 120px;
}
#globalmenu-release
{
	background: url(../images/hd_globalmenu_release.gif) no-repeat center top;
	width: 120px;
}
#globalmenu-contactus
{
	background: url(../images/hd_globalmenu_contactus.gif) no-repeat center top;
	width: 120px;
	margin: 0;
}
span#globalmenu-blank
{
	background: url(../images/hd_globalmenu_blank.gif) no-repeat center top;
	width: 0px;
}

/* ----------▲グローバルメニュー---------- */

/**********************************************
 メイン レイアウト
**********************************************/

/* メイン */
#main
{
	padding: 0 0 0 0;
}

#contents
{
	padding-top: 10px;
	padding-bottom: 16px;
}
h2 {
	font-size: 1.2em;
	color: #3F3F3F;
	padding: 2px 10px 2px 10px;
	margin: 10px 10px 5px 5px;
	font-weight: bold;
	border-left:#B3BDA8 7px solid;
	border-bottom:#CCCCCC 1px solid;
}

h2 span {
	float: right;
	margin: -1.2em 1.5em 0px -1.5em;
	font-size:1em;
	color:#999999;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 10px;
}

h4 {
	color: #666666;
	padding: 2px 10px 2px 10px;
	margin: 10px 10px 5px -5px;
	font-weight: bold;
	border:#333333 1px dotted;
}

h5 {
	color: #666666;
	padding: 2px 10px 2px 5px;
	margin: 10px 10px 5px -5px;
	font-weight: bold;
	border-left:#6699FF 8px solid;
	border-right:#6699FF 8px solid;
	border-bottom:#6699FF 1px solid;
	border-top:#6699FF 1px solid;
}


/* FLASH */
#flasharea
{
	padding:  0 0 0 10px;
}

/* BANNER */
#bannerarea
{
	margin: 0;
	padding:  10px 0 0 10px;
}

/**********************************************
フッタ部分　共通パーツ
**********************************************/

/* フッタ */

#fotter
{
	background: url(../images/hr.gif) no-repeat;
	padding: 15px 0 13px 5px;
	font-size: 0.9em;
}
#fotter  a:link{
	color: #666666;
}
#fotter a:visited{
	color: #666666;
}
#fotter a:active{
	color: #666666;
}
#fotter a:hover{
	color: #728EB4;
}

/* フッタナビ */
#ftnavi-list{
	list-style-type: none;
	float: left;
	width: 350px;
}
#ftnavi-list li{
	display: inline;
}
#ftnavi-list span.sep{
	padding: 0 1px;
}

/* コピーライト */
#copy{
	float: right;
	width: 470px;
	text-align: right;
	padding: 0 10px 0 0;
}


/**********************************************
共通パーツ
**********************************************/


/*共通マージン*/

.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

/*共通パディング*/

.plr15 { padding-left: 15px; padding-right: 15px; }

/*共通ボックス*/

.box01{
	border: 1px solid #7F7F7F;
	padding: 20px;
	color: #4B3F2D;
}

/*lineheight*/

.p160{ line-height:160% }
.p200{ line-height:200% }

/*共通リスト*/

.list01{
	padding: 0 0 0 30px;
}

.list01 li{
	margin: 0 0 5px 0px;
	line-height: 160%;
}

/* 数字リスト */
.list02 {
	list-style-type: decimal;
	padding: 0 0 0 30px;
} 

.list02 li{
	margin: 0 0 5px 0px;
	line-height: 160%;
} 

/* マークなしリスト */
.list03 {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
} 

.list03 li{
	margin: 0px 0px 5px 0px;
	line-height: 160%;
} 

/*font*/
.txt-square{
	font-size: 1.6em;
	color: #314877;
	padding: 0 0.4em 0 0;
}

.txt-square2{
    background-image: url(../images/icon-square.gif); /* 画像の指定 */
    background-repeat: no-repeat; /* 画像の並び */
    padding-left: 20px; /* 余白 */
}

.quo{
font-family: "ＭＳ ゴシック";
}

/* パンくず */
#pan{ 
padding: 5px 0px 15px 0px;
}

#pan span{
padding: 0 10px;
}

/* 表パターン */

.tbl1
{
	border: 1px solid #AFADAD;
	border-collapse: collapse;
	text-align: center;
	width: 630px;
}
.tbl1 caption
{
	text-align: left;
	padding: 0 0 3px 3px;
}
.tbl1 th
{
	padding: 4px 0;
	border: 1px solid #AFADAD;
	background: #EBEDEC;
	color: #565353;
	font-weight: normal;
}
.tbl1 td
{
	line-height: 140%;
	border: 1px solid #AFADAD;
	color: #565353;
	padding: 4px 3px;
}
.tbl1 td table
{
	border: 0;
	width: 100%;
	text-align: center;
}
.tbl1 td td
{
	border: 0;
	height: 18px;
	padding: 0;
}
.tbl1 td.sfont
{
	line-height: 150%;
}

.tbl1 td.sfont2
{
	line-height: 150%;
	text-align: left;
}

.tbl1 td.sfont.type01
{
	line-height: 150%;
	color: #CCFFFF;
	background-color: #FFFFFF;
}

/* バックナンバー */
.whatsnew-backnumber
{
	float:right;
}

.whatsnew-backnumber a
{
	height: 17px;
	width: 100px;
	margin: -28px 0px 0px -20px;
	display: block;
	text-indent: -9999px;
	background: url(../images/index_btn-backnumber.gif) no-repeat;
}

.whatsnew-backnumber a:hover
{
	background-position: 0 -17px;
}

/* イベント・セミナー情報「詳細はこちら」ボタン */
.whatsnew-youto
{
	float:right;
}

.whatsnew-youto a
{
	height: 17px;
	width: 100px;
	display: block;
	text-indent: -9999px;
	background: url(../images/index_btn-backnumber.gif) no-repeat;
}

.whatsnew-youto a:hover
{
	background-position: 0 -17px;
}

/* 詳細はこちら */
.whatsnew-detail
{
	float:right;
}

.whatsnew-detail a
{
	height: 17px;
	width: 100px;
	margin: -28px 0px 0px -20px;
	display: block;
	text-indent: -9999px;
	background: url(../images/index_btn-detail.gif) no-repeat;
}

.whatsnew-detail a:hover
{
	background-position: 0 -17px;
}

/* 詳細はこちら2 */
.whatsnew-detail2
{
	float:right;
}

.whatsnew-detail2 a
{
	height: 17px;
	width: 100px;
	display: block;
	text-indent: -9999px;
	background: url(../images/index_btn-detail.gif) no-repeat;
}

.whatsnew-detail2 a:hover
{
	background-position: 0 -17px;
}

/* PDFダウンロード */
.whatsnew-download
{
	float:right;
}

.whatsnew-download a
{
	height: 17px;
	width: 100px;
	display: block;
	text-indent: -9999px;
	background: url(../images/index_btn-download.gif) no-repeat;
}

.whatsnew-download a:hover
{
	background-position: 0 -17px;
}

/* ページトップへ */
.topofpage{
	height: 19px;
	width: 100px;
/*	overflow: hidden;*/
	display: block;
	text-indent: -9999px;
	margin: 0px 0px 0px auto;
	padding: 0px 0px 0px 15px;
	background: url(../images/top.gif) no-repeat;
	float: right;
}

.topofpage:hover
{
	background-position: 0 -19px;
}

/* pdfアイコン */
.icon-pdf{
	display: block; /* DW対策 inline要素の背景画像は表示しない 実際に使うところで幅を設定する必要がある */
	padding: 0px 30px 0px  0px;
	background: url(../images/icon-pdf.gif) no-repeat center right;
}

/* 画像左寄せ、文字回り込み */
.iti1 {
	float:left; margin-right:1em; margin-bottom:1em;
}

/* 画像右寄せ、文字回り込み */
.iti2 {
	float:right; margin-left:1em; margin-bottom:1em;
}

/* 画像初期状態、文字回り込み */
.iti3 {
	float:none; margin-left:1em; margin-bottom:1em;
}

/* 回り込み解除クラス */
.clear{clear:both;}

/*文字の行間*/
p.line{
	line-height:1.5;
	}
	
/*pですでにclassが使用されている場所*/	
p#line{
	line-height:1.8;
	}
	
	
/*大きい文字の行間*/	
p#line2{
	line-height:2.0;
	}	
	
/*テーブル内の英単語を途中で改行*/
.test table{word-break:break-all;word-wrap: break-word;}