/* CSS Document */
@charset “Shift_JIS”;

/************************************************* テキストカラー・リンクテキストカラー ************************/
body {
    color:#4c433f;/*通常のテキストカラー*/
}
p {color:#4c433f;padding:0 0 0 45px;}
p.documentation { margin-top: 1em; margin-bottom: 1em; }
p.noindent {padding:0;}
a {
    color:#b00d08;/*通常のリンクテキストカラー*/
    text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}
a:hover {
    color:#b00d08;/*マウスが乗った時の通常のリンクテキストカラー*/
    text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/	
}
ul {color:#4c433f;}

/******** span ********/
.error {color:#D93B2C;}
.caption {color:#666666;font-size:0.9em;}

/************************************************* フォントサイズ調整 ******************************************/
body {
    font-family:Geneva, Arial, Helvetica,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","MS UI Gothic",Osaka,Verdana,sans-serif;/*フォント種*/
    font-size:13px;/*フォントサイズfirefox用*/
    *font-size:13px;/*フォントサイズIE7.0用（固定にする場合はpx指定してください）*/
    *font:13px;/*フォントサイズIE6.0用（固定にする場合はpx指定してください）*/
}
*{margin:0;padding:0;}
img {border:0;}
body {text-align:left;}

/************************************************* 見出し ******************************************/
h1 {
    font-size:2em;
    line-height:1.3em;
    margin-bottom:0.5em;
    margin-left:0.8em;
}
h1.img {
    padding:5px 0 5px 55px;
}
h1.event {
    background:transparent url(/img/icon_event.png) no-repeat scroll left 4px;
}
h1.download {
    background:transparent url(/img/icon_download.png) no-repeat scroll left 4px;
}
h1.document {
    background:transparent url(/img/icon_document.png) no-repeat scroll left 4px;
}
h1.community {
    background:transparent url(/img/icon_community.png) no-repeat scroll left 4px;
}
h2 {
    display:block;
    font-size:1.5em;
    line-height:1.3em;
    font-weight:bold;
    margin:0 0 0.5em 1em;
}
h3 {
    display:block;
    font-size:1.3em;
    line-height:1.3em;
    font-weight:bold;
    margin:1.5em 0 0.5em 2em;
}
h4 {
    display:block;
    font-size:1.0em;
    line-height:1.0em;
    font-weight:bold;
    margin:1.5em 0 0.5em 0em;
}
h4.indent {
    display:block;
    font-size:1.0em;
    line-height:1.0em;
    font-weight:bold;
    margin:1.5em 0 0.5em 3.5em;
}
h5 {
    display:block;
    font-size:1em;
    line-height:1em;
    font-weight:bold;
    margin:1.5em 0 0.5em 0em;
}
h5.top {
    display:block;
    font-size:0.9em;
    line-height:1em;
    font-weight:bold;
    margin:1.5em 0 0.5em 2em;
}

/************************************************* 共通セレクタ *************************************************/
.CNT {text-align:left;}
.L {text-align:left;}
.R {text-align:right;}
.f_clear {clear:both;}
.f_left {float:left;}
.f_right {float:right;}
hr {margin:0 0 0 30px;}

div.codeblock {
    background-color:#EEEEEE;
    border:1px solid #CCCCCC;
    padding:5px;
    margin-left:45px;
}
.node code {
    display:block;
    font-size:1em;
    padding:5px;
}
pre, code {font-family:"Bitstream Vera Sans Mono","Courier New",monospace;}
table {
    font-size:0.9em;
    line-height:1.3em;
    margin:1em 0 2em 3.5em;
    padding:0;
    width:95%;
}
table {
    border-collapse:collapse;
}
table {
    -moz-box-sizing:border-box;
    border-spacing:2px;
    display:table;
    text-indent:0;
}
td {
    border-bottom:1px solid #CCCCCC;
    font-size:1em;
    padding:5px;
}
/************************************************* スペース *****************************************************/
.img_space {padding:5px 0 0 45px;}
.t_space_10 {padding-top:10px;}
.t_space_20 {padding-top:20px;}
.t_space_30 {padding-top:30px;}
.t_space_40 {padding-top:40px;}
.t_space_47 {padding-top:47px;}
.l_space_10 {padding-left:10px;}
.l_space_20 {padding-left:20px;}
.l_space_30 {padding-left:30px;}
.l_space_40 {padding-left:40px;}
.l_space_50 {padding-left:50px;}
.r_space_10 {padding-right:10px;}
.r_space_20 {padding-right:20px;}
.r_space_30 {padding-right:30px;}
.r_space_50 {padding-right:50px;}

/************************************************* リスト設定 *****************************************************/
ul {line-height:1.4;margin:5px 0 0 60px;}
ul.header {line-height:1.4;margin:0;}
ul.footer {list-style:none;margin:0;}
.list_area {padding:5px 10px 10px 30px;}
ol {line-height:1.4;margin:5px 0 0 65px;}
dl dt, dl dd {margin-left:1.2em;}
dl.stepprocess {line-height:1.4;margin:5px 0 0 60px;}
dl.stepprocess dt strong, dl.faq dt strong {
    background-color:#B00D08;
    color:#FFFFFF;
    font-size:0.9em;
    margin-right:10px;
    padding:2px 5px;
}
dl.stepprocess dt {
    font-weight:bold;
    margin-left:0;
}
dl.stepprocess dd, dl.faq dd {
    margin:0 0 10px;
    padding-bottom:10px;
}

/************************************************* 基本レイアウト ***********************************************/
body.top {background:#e6e5df url(img/main_top_front.png) repeat-x;}
body.other {background:#e6e5df url(img/body_bg_other.gif) repeat-x;}

#header {
    width:818px;
    text-align:left;
    padding:10px 0 0 0;
}

/*** メニュー ***/
#menu {
    width:818px;
    height:22px;
    font-size:12px;
    text-align:left;
    letter-spacing:1px;
}
#menu ul {list-style-type:none;margin:0;}
#menu li {
    display:inline;
    padding:0 10px 0 10px;
    background:url(img/common/border_menu.gif) right no-repeat;
}
#menu a {
    color:#666666;
    text-decoration:none;
}
#menu a:hover {color:#B00D08;}

/*** コンテンツ枠 ***/
#contents_area {
    clear:left;
    width:818px;
    text-align:left;
    margin:41px 0 0 0;
    padding:26px 0 0 0;
    background:url(img/content_top.gif) top no-repeat;
}

/*** コンテンツ背景 ***/
.contents {background:url(img/bg_event_mid.gif) repeat-y;padding:0 40px 40px 0;}

/*** フッター ***/
#footer {
    clear:both;
    background:url(img/footer_bg.png) repeat-x;
}
.footer_area {
    width:820px;
    height:134px;
    font-size:11px;
}

/*** フッターリンク ***/
.footer_link {
    float:left;
    font-size:11px;
    line-height:1.3;
    color:#666666;
    text-align:left;
}
.footer_link a {
    color:#ffffff;
    text-decoration:none;
}
.footer_link a:hover {color:#B00D08;}

/***フッターコピーライト ***/
.copy {
    clear:both;
    text-align:left;
    color:#a29e99;
}

/************************************************* トップページ ************************************************/
/*** Login/Register ***/
.login_register {width:171px;}
.form-item {color:#ffffff;}
.item-list {color:#777777;}
input.form-submit {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -moz-outline-radius-bottomleft:4px;
    -moz-outline-radius-bottomright:4px;
    -moz-outline-radius-topleft:4px;
    -moz-outline-radius-topright:4px;
    background:transparent url(img/red_button.png) no-repeat scroll left center;
    border:2px solid #F93421;
    color:#FFFFFF;
    cursor:pointer;
    font-size:0.916em;
    font-weight:bold;
    margin:0.6em 0 0.4em 0;
    padding:4px;
    text-transform:uppercase;
}

/*** プロモーションエリア ***/
#prom_area {
    width:818px;
    padding:30px 0 0 0;
    text-align:left;
}
#front-mission {
    width:640px;
    color:#FBA919;
    font-size:1.3em;
    letter-spacing:0.02em;
    margin:0;
    padding:0;
    text-transform:uppercase;
}
h2.prom {
    display:block;
    font-size:1.4em;
    line-height:1.3em;
    font-weight:bold;
    margin:0 0 0.5em 0;
}
h2.login {
    font-size:1.4em;
    line-height:1.3em;
    color:#ffffff;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding:3px 0 5px 0px;
    margin:0;
}

/*** プロモーションメニュー ***/
ul.prom_menu {
    height:165px;
    line-height:1;
    text-align:center;
    display:block;
	margin-left:0px;}
li.prom_menu {
    float:left;
    list-style:none;
    margin-left:0px;
}
.mission_word {
    width:600px;
    text-align:left;
    line-height:1.5;
    padding:0px 0px 20px 0px;
    color:#ffffff;
}

/*** インフォメーション ***/
#top_contents {
    clear:left;
    width:818px;
    text-align:left;
}
#info_area {
    width:593px;
    float:left;
    padding:26px 0 0 0;
    background:url(img/top/info_top_bg.gif) no-repeat;
}
.info_contents {
    text-align:left;
    padding:0px 10px 0 0;
    background:url(img/top/info_mid_bg.gif) repeat-y;
}

/*** 関連サイト ***/
.bnr_area {
    float:left;
    width:215px;
    margin:0 0 0 10px;
    padding:26px 0 0 0;
    background:url(img/top/bnr_top_bg.gif) no-repeat;
}
.bnr_contents {
    text-align:left;
    background:url(img/top/bnr_mid_bg.gif) repeat-y;
}
.bnr {padding:2px 0 10px 0px;text-align:center;}

/************************************************* ダウンロードボタン *************************************************/
.download-button {
    width:305px;
    height:67px;
    font-weight:bold;
    text-transform:uppercase;
    margin:0;
    padding:0;
    background:transparent none repeat scroll 0 50%;
}
.download-button a.download-link {
    height:67px;
    display:block;
    font-size:1.1em;
    letter-spacing:0.08em;
    padding:15px 10px 0 65px;
    background:transparent url(img/download_button.png) no-repeat scroll left top;
}
.download-button a.download-link:hover {
    text-decoration:none;
    background-position:-306px 0;
    cursor:pointer;
}
.download-button a.download-link em {
    display:block;
    color:#666666;
    font-size:0.8em;
    font-style:normal;
    font-weight:normal;
    text-transform:none;
}

/********************** イベントレポート ************************/
table.photo td {
    font-size:11px;
    border:none;
    padding:0;
}
table.photo {
    width:120px;
    border:none;
}

/********************** embedded video ************************/
.flowplayer {
    display:block;
    width:400px;
    height:300px;
}