/*
========================================
----------------------------------------
Focused Communications Co., Ltd.
http://www.focused.co.jp
----------------------------------------
========================================
*/

/* import */
@import url("focused.css");

/* body */
body {margin: 0px; padding: 0px; background-color: #bcc8da; background-image: url(../img/bg.gif); text-align: center;}

/* text */
body, th, td, div, span {font-size: 10pt; font-weight: normal; line-height: 1.5em; letter-spacing: 0px; color: #000000; text-decoration: none;}

/* link */
a:link {color: #0033CC; text-decoration: none;}
a:visited {color: #330066; text-decoration: none;}
a:active {color: #CC6633; text-decoration: none;}
a:hover {color: #CC3300; text-decoration: none;}

/* hr */
hr {height: 1px; border: none; color: #000000; background-color: #000000;}

/* hr-title */
.hr-title {margin: 0px 0px; font-size: 11pt; font-weight: bold; line-height: 13pt; letter-spacing: 0px; color: #000000; text-decoration: none; text-align: left;}
.hr-title-bg {width: 480px; height: auto; margin: 0px 0px; padding: 4px 0px 2px 12px; background-image: url(../img/hr_title.gif); background-repeat: repeat-y; background-position: left bottom; clear: both;}

/* hr-img */
.hr-img {width: 480px; height: 2px; margin: 0px 0px 8px 0px; font-size: 1px; line-height: 1px; background-image: url(../img/hr.gif); background-repeat: no-repeat; background-position: left bottom; clear: both;}

/* temp-page */
.temp-page-tb {width: 780px; height: 100%; margin: 0px auto; padding: 0px 0px; border: none; background-color: #ffffff; clear: both;}
.temp-page-td-head {width: 780px; height: 265px;}
.temp-page-td-head-top {width: 780px; height: auto;}
.temp-page-td-menu {width: 220px; height: auto; background-color: #1d4593; background-image: url(../img/menu_bg.gif); background-repeat: repeat-y;}
.temp-page-td-contents {width: 560px; height: auto;}
.temp-page-td-contents-top {width: 780px; height: auto;}
.temp-page-td-contents-foot {width: 560px; height: auto;}
.temp-page-td-contents-foot-top {width: 780px; height: auto; text-align: center;}
.temp-page-td-foot {width: 780px; height: 40px; background-color: #2a6196; background-image: url(../img/foot_bg.gif); background-repeat: repeat-y;}

/* temp-head */
.temp-head-base {width: 780px; height: 265px; margin: 0px 0px; position: relative; top: 0px; left: 0px; background-image: url(../img/head_bg.gif); background-repeat: no-repeat; background-position: right top; clear: both;}
.temp-head-base-top {width: 780px; height: 75px; margin: 0px 0px; position: relative; top: 0px; left: 0px; background-image: url(../img/head_bg.gif); background-repeat: no-repeat; background-position: right top; clear: both;}
.temp-head-btn {width: 424px; height: 30px; margin: 0px 0px; position: absolute; top: 35px; left: 158px; clear: both;}
.temp-head-btn-top {width: 52px; height: 15px; margin: 0px 0px; position: absolute; top: 45px; left: 646px; clear: both;}
.temp-head-btn-lang {width: 52px; height: 15px; margin: 0px 0px; position: absolute; top: 45px; left: 713px; clear: both;}
.temp-head-photo {width: 780px; height: 190px; margin: 0px 0px; position: absolute; top: 70px; left: 0px; background-image: url(../img/head_ph.gif); background-repeat: no-repeat; clear: both;}
.temp-head-photo-top {width: 780px; height: auto; margin: 0px 0px; position: absolute; top: 70px; left: 0px; clear: both;}
.temp-head-logo {width: 106px; height: 50px; margin: 0px 0px; position: absolute; top: -43px; left: 27px; clear: both;}

/* temp-menu */
.temp-menu-base {width: 220px; height: 720px; margin: 0px 0px; position: relative; top: 0px; left: 0px; background-image: url(../img/menu_bg_ph.jpg); background-repeat: no-repeat; background-position: center 156px; clear: both;}
.temp-menu-btn {width: 184px; height: auto; margin: 0px 18px; text-align: right; clear: both;}

/* temp-contents */
.temp-contents-base {width: 480px; height: auto; margin: 0px 40px; position: relative; top: 0px; left: 0px; text-align: left; clear: both;}
.temp-contents-foot {width: 480px; height: auto; margin: 0px 40px; position: relative; top: 0px; left: 0px; text-align: center; clear: both;}
.temp-contents-foot-top {width: 780px; height: auto; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: center; clear: both;}

/* temp-foot */
.temp-foot {width: 780px; height: auto; margin: 0px 0px; font-size: 10px; font-weight: normal; line-height: 12px; letter-spacing: 1px; color: #ffffff; text-decoration: none; text-align: center; clear: both;}
.temp-foot-mail {width: 780px; height: auto; margin: 0px 0px; font-size: 12px; font-weight: normal; line-height: 14px; letter-spacing: 0px; color: #ffffff; text-decoration: none; text-align: center; clear: both;}

/* temp */
.temp-ul-bold {margin: 0 0 0 1em; padding: 0px; list-style-type: disc; list-style-position: outside; font-weight: bold; clear: both;}
.temp-ul-normal {margin: 0 0 0 1em; padding: 0px; list-style-type: disc; list-style-position: outside; font-weight: normal; clear: both;}
.temp-text-align-center {width: 480px; height: auto; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: center; clear: both;}
.temp-text-align-right {width: 480px; height: auto; margin: 0px 0px; position: relative; top: 0px; left: 0px; text-align: right; clear: both;}