@charset "Shift_JIS";

/*
-----------------------------------------------------
Pulthermal2007 CSS
FileName:	layout_pl1.css
Version:	2007.02.01
-----------------------------------------------------
*/

/*レイアウト用ＣＳＳ（トップページ）*/

/**********************************
/           CSS Menu
**********************************
        1.body
	2.base
	3.header
	4.content
	5.main
        6.side
        7.footer
        8.other
*********************************/



/**********************************
***          1. body            ***
**********************************/

/*全体の基本レイアウト*/

body {
     font-size: x-small;
     text-align: center;
     margin: 0px;
     }


/**********************************
***          2. base            ***
**********************************/

/*ページのベース*/

.base {
     text-align: center;
     border-right: 1px solid #EFEFEF;
     border-left: 1px solid #EFEFEF;
     width: 870px;
     }


/**********************************
***          3. header          ***
**********************************/

/*ヘッダー：トップバナー＆キーワード*/

.header {
     text-align: left;
     border-bottom: 3px solid #999999;
     position: relative;
     width: 850px;
     background-color: #CC0000;
     }
     
.header2 {
     text-align: left;
     position: relative;
     width: 850px;
     background-color: #CC0000;
     }

/*ヘッダー1*/

.header_1 {
     height : 200px;
     text-align : left;
     position : relative;
     }

.header_1left {
     text-align: left;
     padding: 0px 0px 0px 5px;
     float: left;
     height: 300px;
     width: 350px;
     }

.header_1left img{
margin-left: 5px;
}

.header_1right {
     text-align: left;
     float: right;
     height: 300px;
     width: 485px;
     }
     
.header_1right_top {
     text-align: right;
     position: relative;
     height: 15px;
     width: 100%;
     background-image: url('header_1right_top.jpg');
     background-repeat: no-repeat;
     background-position: right -2px;
     }

.header_1right_bottom_left {
     text-align: left;
     padding: 0px 0px 0px 182px;
     position: relative;
     width: 650px;
     }

.header_1right_bottom_center {
     text-align: left;
     padding: 0px 0px 0px 200px;
     position: relative;
     width: 450px;
     }

.header_1right_bottom_right {
     text-align: left;
     position: relative;
     height: 200px;
     width: 267px;
     }

/*ヘッダー2*/

.header_2 {
     text-align: left;
     position: relative;
     }

.header-iframe {
height: 318px;
width: 100%;
}

.header-randamu-iframe {
text-align: right;
vertical-align: middle;
float: left;
height: 30px;
width: 400px;
background-color: #CC0000;
}

/**********************************
***          4. content         ***
**********************************/

/*コンテンツ*/

.content {
     text-align: left;
     width: 850px;
     }


/**********************************
***          5. main            ***
**********************************/

/*メイン：コンテンツ*/

.main {
     text-align: left;
     padding-top: 5px;
     float: left;
     width: 590px;
     }

/*メイン左側：メニュー*/

.main_menu {
     text-align: left;
     vertical-align: top;
     padding: 0px;
     }
     
.main_menu-iframe {
height: 30px;
width: 100%;
}
     
.main_menu-top fieldset {
text-align: center;
margin: 0px;
padding: -15px 0px 0px;
border-width: 0px;
}

.main_menu-top legend  {
text-align: left;
vertical-align: middle;
margin: 0px;
padding: 0px;
}
     
.main_menu-top {
text-align: left;
vertical-align: top;
margin-bottom: 10px;
}

.main_menu-top2 {
text-align: left;
vertical-align: top;
margin-bottom: 10px;
padding: 3px;
}

.main_menu-top a {
margin: 8px 0px 5px 35px;
border-bottom: 2px dotted #FFCCCC;
height: 36px;
width: 130px;
}

.main_menu-top a:link, .main_menu-top a:visited, .main_menu-top li a:hover, .main_menu-top a:active,  {
background-color: #CC0000;
}

.main_menu-top ul {
margin: 0px;
padding: 0px;
}
      
.main_menu-top li {
text-align: left;
vertical-align: top;
list-style-type: none;
list-style-image: none;
float: left;
}

.main_menu-link1 a {
background-image: url('menu-top.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link1 a:hover {
background-image: url('menu-top2.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link2 a {
background-image: url('menu-hajimeni.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link2 a:hover {
background-image: url('menu-hajimeni2.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link3 a {
background-image: url('menu-shasin.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link3 a:hover {
background-image: url('menu-shasin2.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link4 a {
background-image: url('menu-douga.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link4 a:hover {
background-image: url('menu-douga2.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link5 a {
background-image: url('menu-team.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link5 a:hover {
background-image: url('menu-team2.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link6 a {
background-image: url('menu-blog.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link6 a:hover {
background-image: url('menu-blog2.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link7 a {
background-image: url('menu-link.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link7 a:hover {
background-image: url('menu-link2.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link8 a {
background-image: url('menu-mail.gif');
background-repeat: no-repeat;
background-position: center center;
}

.main_menu-link8 a:hover {
background-image: url('menu-mail2.gif');
background-repeat: no-repeat;
background-position: center center;
}


/*メイン右側：メインコンテンツ*/

.main_content {
     text-align: left;
     vertical-align: top;
     padding: 0px;
     width: 100%;
     }
     
.main_content fieldset {
margin-bottom: 10px;
border: 3px double #990000;
}

.main_content legend {
color: #FFFFFF;
font-weight: bold;
text-align: left;
vertical-align: middle;
margin-bottom: 10px;
margin-left: 5px;
padding-right: 5px;
padding-left: 5px;
border: 3px double #CC0000;
height: 20px;
width: 350px;
background-color: #CC0000;
}

.main_content-top {
text-align: left;
vertical-align: top;
margin: 0px 0px 10px;
padding: 0px;
clear: both;
width: 100%;
}

.main_content-top2 {
text-align: left;
vertical-align: top;
margin: 0px 0px 10px;
border: 1px solid #CC0000;
clear: both;
width: 98%;
}

.main_content-text-left1 a, .main_content-text-left1 a:hover, .main_content-text-left2 a, .main_content-text-left2 a:hover {
margin-right: 8px;
margin-bottom: 10px;
padding: 5px 8px;
float: left;
height: 60px;
width: 290px;
}

.main_content-text-right1 a, .main_content-text-right1 a:hover, .main_content-text-right2 a, .main_content-text-right2 a:hover {
padding: 5px 8px;
float: left;
height: 60px;
width: 290px;
}

.main_content-text-left1 a, .main_content-text-left1 a:hover {
background-image: url('pul-team/team-shoukai.jpg');
background-repeat: no-repeat;
background-position: left top;
}

.main_content-text-left2 a, .main_content-text-left2 a:hover {
background-image: url('pul-team/pul-photo.jpg');
background-repeat: no-repeat;
background-position: left top;
}

.main_content-text-right1 a, .main_content-text-right1 a:hover {
background-image: url('pul-team/team-mycar.jpg');
background-repeat: no-repeat;
background-position: left top;
}

.main_content-text-right2 a, .main_content-text-right2 a:hover {
background-image: url('pul-team/pul-movie.jpg');
background-repeat: no-repeat;
background-position: left top;
}


<!-- プルブログ指定ここまで -->
.pul-blog {
margin-bottom: 0px;
height: 0px;
width: 98%;
}
<!-- プルブログ指定ここまで --> 

<!-- トップ新動画紹介指定ここから -->
.douga-top {
text-align: center;
vertical-align: top;
margin: 0px 0px 10px;
padding: 0px;
float: left;
height: 400px;
width: 100%;
background-image: url('douga-left2.gif');
background-repeat: no-repeat;
background-position: left top;
}

.douga-h2 {
font-size: 14px;
color: #400000;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 0px;
border-style: none;
background-color: #F6E5C7;
}

.douga-left {
text-align: left;
vertical-align: top;
margin: 0px;
padding-top: 100px;
padding-left: 20px;
float: left;
height: 260px;
width: 320px;
}

.douga-right {
font-size: 12px;
color: #400000;
text-align: left;
vertical-align: top;
padding-top: 110px;
padding-right: 10px;
padding-left: 5px;
height: 260px;
}
<!-- トップ新動画紹介指定ここまで -->

<!-- トップ走行会告知指定ここから -->
.soukoukai {
font-size: 14px;
color: #FF6600;
font-weight: bold;
text-align: center;
vertical-align: top;
padding: 70px 0px 0px 10px;
height: 400px;
width: 290px;
background-image: url('soukoukai.gif');
background-repeat: no-repeat;
background-position: left top;
}

.soukoukai-text {
text-align: left;
vertical-align: top;
padding-top: 10px;
padding-left: 15px;
height: 200px;
}

.soukoukai-text li{
font-size: 12px;
color: #000000;
font-weight: normal;
margin-bottom: 5px;
}

.soukoukai-iframe {
margin-bottom: 10px;
margin-left: 0px;
padding: 0px;
height: 400px;
width: 292px;
}

.soukoukai table{
font-size: small;
text-align: left;
vertical-align: top;
width: 98%;
}

.soukoukai td{
font-size: 12px;
color: #400000;
line-height: 1.5em;
text-align: left;
vertical-align: top;
padding-top: 1px;
padding-bottom: 1px;
}

.soukoukai-h2{
font-size: medium;
color: #FFFFFF;
text-indent: 1em;
text-align: left;
vertical-align: middle;
margin: 0px;
padding: 3px 0px 0px;
width: 292px;
background-color: #CC0000;
}

.koukoku {
text-align: left;
vertical-align: top;
margin-top: 5px;
margin-bottom: 10px;
padding-left: 2px;
width: 292px;
}

.koukoku a {
font-size: 12px;
font-weight: normal;
word-break: keep-all;
padding-right: 5px;
}
<!-- トップ走行会告知指定ここまで -->

<!-- トップ走行会告知ブログ要指定ここから -->
.soukoukai2{
border: 2px solid #CC0000;
width: 100%;
}

.soukoukai2-top {
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
width: 100%;
background-color: #CC0000;
}

.soukoukai2-down {
text-align: center;
vertical-align: top;
padding: 10px;
}

.soukoukai2-down ul{
height: 70px;
width: 250px;
overflow-y: scroll;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #CC0000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}

.soukoukai2-down li{
font-size: 12px;
color: #000000;
font-weight: normal;
text-align: left;
margin-bottom: 5px;
}

.soukoukai2-down b {
font-size: 14px;
color: #CC0000;
font-weight: bold;
text-align: center;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
}

.soukoukai2-koukoku {
text-align: center;
vertical-align: middle;
}
<!-- トップ走行会告知ブログ要指定ここまで -->

.bb-koukoku-iframe {
text-align: center;
vertical-align: top;
margin: 0px;
padding: 0px;
height: 210px;
width: 100%;
}    

<!-- 動画＆写真指定ここから -->

<!-- 動画メニュー指定ここから -->
.list-top {
text-align: center;
vertical-align: top;
margin: 0px;
padding: 0px;
clear: both;
width: 98%;
}

.list-top fieldset{
margin-bottom: 10px;
padding-bottom: 5px;
border: 3px double #CC0000;
}

.list-top legend {
color: #FFFFFF;
font-weight: bold;
text-align: left;
vertical-align: middle;
margin-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
border: 3px double #CC0000;
width: 100%;
background-color: #CC0000;
}

.list-top h2{
font-size: 10px;
color: #CC0000;
font-weight: normal;
text-indent: 0em;
border-bottom: 3px double #CC0000;
width: 98%;
}

.list-top_text {
clear: both;
}

.list {
text-align: center;
vertical-align: top;
margin: 0px 0px 5px;
padding: 0px 0px 0px 5px;
float: left;
}

.list-left {
text-align: left;
vertical-align: top;
margin: 0px 0px 5px;
padding: 0px;
border-bottom: 1px dashed #CC0000;
}

.list-left b {
font-size: 12px;
color: #CC0000;
font-weight: bold;
text-indent: 0.2em;
margin-bottom: 5px;
width: 98%;
}

.list-left img {
margin: 0px 0px 5px 10px;
padding: 0px;
}

.list-right {
font-size: 12px;
text-align: left;
vertical-align: top;
padding: 0px 5px;
width: 150px;
}
<!-- 動画メニュー指定ここまで -->

<!-- 動画指定（425x355）ここから -->
.list-top2 {
text-align: center;
vertical-align: top;
margin: 0px 0px 10px;
padding: 0px;
width: 98%;
}

.list2-top2 {
font-size: 10px;
color: #CC0000;
font-weight: normal;
text-indent: 0em;
border-bottom: 3px double #CC0000;
width: 98%;
}

.list2 {
text-align: center;
vertical-align: top;
margin: 0px 0px 20px;
padding: 0px;
}

.list-top2 fieldset{
margin-bottom: 10px;
padding-bottom: 20px;
border: 3px double #CC0000;
width: 100%;
}

.list-top2 legend {
color: #FFFFFF;
font-weight: bold;
text-align: left;
vertical-align: middle;
margin-bottom: 10px;
border: 3px double #CC0000;
height: 20px;
width: 350px;
background-color: #CC0000;
}

.list-left2 {
text-align: center;
vertical-align: top;
}

.list-right2 {
font-size: x-small;
text-align: left;
vertical-align: top;
margin-right: 20px;
margin-left: 20px;
clear: both;
width: 425px;
}

<!-- 動画指定（425x355）ここまで -->
.photo-size_600x450, .douga-size_600x450 {
text-align: center;
vertical-align: top;
height: 650px;
width: 520px;
background-image: none;
}

.list-top3-h2a {
font-size: 12px;
color: #CC0000;
font-weight: normal;
text-align: left;
margin-bottom: 10px;
margin-left: 5px;
border-bottom: 3px double #CC0000;
float: left;
width: 60%;
}

.list-top3-h2b {
font-size: 12px;
color: #282828;
font-weight: bold;
text-align: right;
margin-right: 5px;
margin-bottom: 10px;
border-bottom: 3px double #CC0000;
float: right;
width: 38.3%;
}

.list-top3 {
text-align: center;
vertical-align: top;
margin: 0px 0px 10px;
padding: 0px;
width: 98%;
}

.list2-top3 {
font-size: 10px;
color: #CC0000;
font-weight: normal;
text-indent: 0em;
border-bottom: 3px double #CC0000;
width: 98%;
}

.list3 {
text-align: left;
vertical-align: top;
margin: 0px;
padding: 0px;
float: left;
}

.list-top3 fieldset{
margin-bottom: 10px;
padding-bottom: 20px;
border: 3px double #CC0000;
width: 100%;
}

.list-top3 legend {
float: left;
color: #FFFFFF;
font-weight: bold;
text-align: left;
vertical-align: middle;
margin-bottom: 5px;
border: 3px double #CC0000;
height: 20px;
width: 350px;
background-color: #CC0000;
}

.list-left3 {
text-align: center;
vertical-align: top;
padding-top: 20px;
height: 113px;
width: 140px;
background-color: #FFFFFF;
background-image: url('waku140.gif');
background-repeat: no-repeat;
background-position: center center;
}

.list-left3 img {
height: 75px;
width: 100px;
}

.list-right3 {
font-size: x-small;
text-align: left;
vertical-align: top;
padding-left: 10px;
clear: both;
height: 50px;
width: 140px;
}

<!-- 動画＆写真指定（75x113）ここまで -->


/**********************************
***          6. side            ***
**********************************/

/*サイド：サブコンテンツ*/

.side {
text-align: right;
vertical-align: top;
padding: 5px 0px 0px;
float: right;
width: 260px;
}
     
.side2 {
text-align: right;
vertical-align: top;
}
     
.side-iframe {
height: 1400px;
width: 100%;
}

.side-iframe-douga {
height: 1400px;
width: 100%;
}
  
.side-iframe-photo {
height: 730px;
width: 100%;
}
  
.side-top2 {
text-align: left;
vertical-align: top;
width: 98%;
}

.side-top2 fieldset {
margin: 0px 0px 10px;
padding: 0px 0px 5px;
border-top-style: none;
border-right-style: none;
border-bottom: 1px solid #666666;
border-left-style: none;
}

.side-top2 legend {
color: #FFFFFF;
text-indent: 0em;
text-align: left;
vertical-align: middle;
margin-right: -7px;
margin-bottom: 5px;
margin-left: -7px;
padding-right: 5px;
padding-left: 5px;
border: 3px double #CC0000;
width: 100%;
background-color: #CC0000;
}
     
.side-top a {
font-size: 12px;
text-align: left;
vertical-align: middle;
margin: 0px;
padding: 0px 0px 0px 3px;
width: 100%;
}

.side-top a:link, .side-top a:visited {
}

.side-top a:hover {
color: #F00000;
}

.side-top a:active {
color: #660000;
}

.side-top {
text-align: left;
vertical-align: top;
margin: 0px 0px 10px;
padding: 0px;
width: 98%;
}

.side-top fieldset {
margin: 0px 0px 3px;
padding: 0px 0px 8px;
border-top-style: none;
border-right-style: none;
border-bottom: 1px double #999999;
border-left-style: none;
}

.side-top legend {
color: #FFFFFF;
margin-right: -7px;
margin-bottom: 5px;
margin-left: -7px;
padding-right: 5px;
padding-left: 5px;
border: 3px double #CC0000;
width: 100%;
background-color: #CC0000;
}

.side-top legend a:link, .side-top legend a:visited, .side-top legend a:active {
color: #FFFFFF;
background-color: #CC0000;
}

/*サイド：広告*/

.koukoku2 {
text-align: center;
vertical-align: top;
width: 98%;
background-color: #FFFFFF;
}

.koukoku2 h2 {
font-size: 13px;
text-indent: 0px;
text-align: left;
vertical-align: middle;
margin: 0px;
padding: 0px;
border: 1px solid #FFFFFF;
height: 10px;
width: 100%;
background: none;
}

.koukoku2-top {
font-size: 12px;
line-height: 1.3em;
text-align: left;
vertical-align: top;
padding: 3px 3px 0px;
}

.koukoku2-down {
text-align: right;
vertical-align: top;
padding: 0px 3px 3px;
}

.koukoku2-iframe {
height: 300px;
width: 100%;
}

/**********************************
***          7. footer          ***
**********************************/

/*フッター：コピーライト*/

.footer {
text-align: center;
vertical-align: bottom;
}
     
.footer2 {
text-align: center;
vertical-align: bottom;
padding-top: 10px;
height: 50px;
width: 850px;
background-image: url('footer.gif');
background-repeat: no-repeat;
background-position: right bottom;
}
  
.footer-iframe {
height: 55px;
width: 100%;
}

/**********************************
***          8. footer          ***
**********************************/

/*メイン右側：更新履歴*/

.whats_new {
margin: 0px 0px 10px;
padding: 0px;
width: 95%;
}

.whats_new2 {
line-height: 1.2em;
text-align: left;
vertical-align: top;
margin: 0px;
padding: 2px 0px 0px;
width: 100%;
background-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #990000;
scrollbar-3dlight-color: #990000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #990000;
}

.whats_new-iframe {
margin: 0px;
padding: 0px;
height: 80px;
width: 100%;
}

.attention {
font-size: 12px;
line-height: 1.7em;
margin-bottom: 20px;
width: 98%;
background-color: #FFFFFF;
background-image: url('attention.gif');
background-repeat: no-repeat;
background-position: left top;
}

.attention-1, .attention-4, .attention-5, .attention-5-1, .attention-9, .attention-12{
text-align: center;
vertical-align: middle;
height: 20px;
width: 40px;
}

.attention-1 {
margin: 0px;
padding: 0px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-image: url('attention-1.gif');
background-repeat: no-repeat;
background-position: left top;
}

.attention-2 {
text-indent: 1em;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.attention-3 {
text-indent: 1em;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
width: 108px;
}

.attention-4 {
margin: 0px;
padding: 0px;
border-bottom: 1px solid #000000;
background-image: url('attention-4.gif');
background-repeat: no-repeat;
background-position: right top;
}

.attention-5 {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
} 

.attention-5-1 {
border-left: 1px solid #000000;
} 

.attention-6 {
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
}

.attention-7 {
text-align: right;
vertical-align: top;
padding-top: 10px;
width: 200px;
}

.attention-8 {
border-right: 1px solid #000000;
}

.attention-9 {
margin: 0px;
padding: 0px;
border-right: 1px solid #000000;
background-image: url('attention-9.gif');
background-repeat: no-repeat;
background-position: left bottom;
}

.attention-10 {
text-indent: 1em;
border-bottom: 1px solid #000000;
}

.attention-11 {
border-bottom: 1px solid #000000;
}

.attention-12 {
margin: 0px;
padding: 0px;
background-image: url('attention-12.gif');
background-repeat: no-repeat;
background-position: right bottom;
}

.attention-13 {
text-indent: 1em;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.attention-13-1 {
text-indent: 1em;
border-right: 1px solid #000000;
}

<!-- トップ2色カラム指定 -->
.text {
text-align: left;
vertical-align: top;
padding: 5px;
}

.text2-a {
text-align: left;
vertical-align: middle;
padding: 3px 0px 3px 13px;
height: 100%;
background-color: #FFE6E6;
background-image: url('a1.gif');
background-repeat: no-repeat;
background-position: 3px 9px;
}

.text2-b {
text-align: left;
vertical-align: middle;
padding: 3px 0px 3px 13px;
height: 100%;
background-color: #FFFFFF;
background-image: url('a1.gif');
background-repeat: no-repeat;
background-position: 3px 9px;
}
<!-- トップ2色カラム指定ここまで -->


.kaisou {
font-size: 20px;
color: #FFFFFF;
font-weight: bold;
margin-top: 20px;
padding-top: 155px;
height: 200px;
width: 500px;
background-color: #CC0000;
background-image: url('pul-kaisou.jpg');
background-repeat: no-repeat;
background-position: left top;
}

.kaisou2 {
text-align: center;
vertical-align: top;
border: 1px solid #CCCCCC;
width: 500px;
}