@charset "Shift_JIS";

/* **********************************************************************
 *
 *       Title:   SPIC Corporation
 *       Updated: 2010.02.19
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 * **********************************************************************
 */


/* =========== IE用印刷設定CSS =========== */

@media print{

body {
_zoom: 67%; /*WinIE only */
}
}


* {
        margin: 0;
        padding: 0;
        }

body {
        background: #003399 url(../img/bg.gif) 0 0 repeat-x;
        color: #333;
        font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
        font-size: 90%;
        text-align: center;
        }
/* hide from Mac IE \*/
* html body             { font-family: 'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif; }
*:first-child+html body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
/* */

hr.hide  { display: none; }
a:link   { color  : #0066cc; }
a:hover, a:active { color: #0066cc; text-decoration:none;}

span.texts { font-size: xx-small; line-height: 1.3; }
html>body span.texts { font-size: x-small; }

span.textn { font-size: x-small; line-height: 1.5; }
html>body span.textn { font-size: small; }

span.textl { font-size: small; line-height: 1.5; }
html>body span.textl { font-size: medium; }

img {
        border: 0;

        }

.clear {
        display: none;
        width: 100%;
        clear: both;
        }

/* 表組みのレイアウト設定 ###################### */

table.nbr,
table.tbr table.nbr {
       border-top: none;
       border-left: none;
       border-collapse: collapse;
       }

table.nbr th,
table.tbr table.nbr th {
       padding: 0;
       border-right: none;
       border-bottom: none;
       background: none;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.nbr th,
table.tbr table.nbr th { font-size: small; }

table.nbr td,
table.tbr table.nbr td {
       padding: 0;
       border-right: none;
       border-bottom: none;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.nbr td,
table.tbr table.nbr td { font-size: small; }

table.tbr,
table.nbr table.tbr {
       border-top: 1px solid #b9d1dc;
       border-collapse: collapse;
       }

table.tbr th,
table.nbr table.tbr th {
       padding: 7px;
       border-bottom: 1px solid #b9d1dc;
       background: #f1f9fd;
       color: #4d6ea8;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.tbr th,
table.nbr table.tbr th { font-size: small; }

table.tbr td,
table.nbr table.tbr td {
       padding: 7px;
       border-bottom: 1px solid #b9d1dc;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.tbr td,
table.nbr table.tbr td { font-size: small; }

th.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body th.nbr { font-size: small; }

td.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.nbr { font-size: small; }

th.tbr {
       padding: 7px;
       border-bottom: 1px solid #b9d1dc;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body th.tbr { font-size: small; }

td.tbr {
       padding: 7px;
       border-bottom: 1px solid #b9d1dc;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.tbr { font-size: small; }

blockquote {
       clear: both;
       margin: 0;
       padding: 10px;
       border: 1px solid #cfcfcf;
       background: #f3f3f3;
       font-size: x-small;
       line-height: 1.4;
       text-align: left;
       }
html>body blockquote { font-size: small; }

form {
       margin: 0;
       padding: 0;
       }

form dt{
       font-size: x-small;
       font-weight: bold;
       line-height: 1.4;
       }
html>body form dt { font-size: small; }

form dd{
       margin: 0 0 5px 0;
       font-size: x-small;
       line-height: 1.4;
       }
html>body form dd { font-size: small; }

/* 全体のレイアウト設定 ###################### */

#wrappertop {
        width: 950px;
        margin-left:auto;
        margin-right:auto;
        }

#header {
	display: none;
        }


#main {
        float: left;
        width: 820px;
        padding: 0;
	margin: 0 32px;
        text-align: left;
	background: #fff;
        }
html>body #main {margin: 0 65px;}

#topmain {
        float: left;
        width: 830px;
        padding: 0;
	margin: 0 30px 10px 30px;
        text-align: left;
        }
html>body #topmain {margin: 0 60px 10px 60px;}



/* header部分のスタイル設定 ###################### */


#header h1 {
        float:left;
        width: 430px;
        padding: 11px 0px 0px 0px;
	margin: 0;
        text-align: left;
        }

#head_nav {
       display: none;
       }



/* main部分設定 ###################################  */

#contents-title {
       width: 710px;
       margin: 0;
       padding: 0;
       text-align: left;
       }

#directry {
       width: 710px;
       padding: 0px 0 0 0;
       font-size: xx-small;
       color: #666;
       }
html>body div#directry { font-size: x-small; }

#contents-title h3 {
        width: 710px;
        background: #fff url(../img/h3_bg.gif) no-repeat;
        padding-top:0px;
        color:#333;
        margin: 10px 0 15px 0;
        font-size: 18px;
        }

#info-contents-title {
       width: 710px;
       margin: 0px 0 10px 0px;
       padding: 0;
       text-align: left;
       }

#contents {
       width: 710px;
       margin: 25px 55px 0 55px;
       padding: 0;
       text-align: left;
       }

.photo-r {
       float:right;
       margin: 3px 0 15px 15px;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-r { font-size: x-small; }

.photo-l {
       float:left;
       margin: 3px 15px 15px 0;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-l { font-size: x-small; }

.photo-c {
       margin: 3px auto 15px auto;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-c { font-size: x-small; }

.photo-r img, .photo-l img, .photo-c img {
       margin-bottom: 3px;
       }

.block {
       clear: both;
       margin-bottom: 2em;
       }

.block a:visited { color: #3366ff; }

.block h4 {
       margin: 0 0 10px 0;
       font-size: 110%;
       color: #333;                      /* [下ページ]　本文の見出しの文字色が設定できます */
       }

h4.undercnts {
       margin: 0 0 10px 0;
       padding: 5px 0 2px 12px;
       font-size: 16px;
       color: #333;                      /* [下ページ]　本文の見出しの文字色が設定できます */
       background:url(../img/ttlhead.gif) left top no-repeat;
       line-height:1.0;
       }
html>body h4.undercnts {padding: 5px 0 2px 12px;}
:first-child+html h4.undercnts {padding: 7px 0 0px 12px;}

.block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block p { font-size: small; }

.block ul {
       margin: 5px 0px 5px 10px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ul { font-size: small; }

.block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ol { font-size: small; }

.pagetopset {
       margin: 0px;
       padding: 20px 0px 17px 0px;
       font-size: xx-small;
       text-align:right;
       clear:both;
       }
html>body div.pagetopset { font-size: x-small;}

a.pagetop {
       color: #919191;
       margin: 0;
       padding: 0px 0px 0px 12px;
       background: url(../img/pagetop_arrow.gif) 0px 0.3em no-repeat;
       text-align: left;
       }

a.pagetop:link   { color: #919191;text-decoration: none; }
a.pagetop:visited,
a.pagetop:active { color: #919191;text-decoration: none; }
a.pagetop:hover  { color: #919191;text-decoration: underline; }

/* top_main部分設定 #############################  */

.cnt_box {
	float: left;
	width: 830px;
	background: #4872c7 url(../../img/top_cntbox.gif) 0 0 no-repeat;
	padding: 8px 9px 0 1px;
	margin: 10px 0 0 0;
	}
html>body .cnt_box {width: 820px;}

.cnt_box h2 {
	padding: 0 0 11px 9px;
	}

.cnt_inner {
	float: left;
	width: 224px;
	margin: 0 0 0 19px;
	}
html>body .cnt_inner {margin: 0 0 0 39px;}

.cnt_inner39 {
	float: left;
	width: 224px;
	margin: 0 0 0 39px;
	}

p.cnt_link {
	padding: 5px 0 0 0;
	text-align: center;
	color: #fff;
	font-size: 10px;
	}

p.cnt_link a {
	background: url(../../img/ico_link.gif) 0 0.2em no-repeat;
	padding: 2px 0 2px 19px;
	color: #fff;
	text-decoration:none;
	}
html>body p.cnt_link a {padding: 0 0 0 19px;}

p.cnt_link a:link, p.cnt_link a:visited { color  : #fff;text-decoration:none; }
p.cnt_link a:hover, p.cnt_link a:active { color: #fff; text-decoration:underline;}




/* footer部分設定 ################################# */

#footer {
	display: none;
        }