@charset "UTF-8";


/* ----------------------------------------------------
 クラウン精密工業株式会社

 DESGIN : Takeo Kimura
 2007/06/15
------------------------------------------------------- */


/* ----------------------------------------------------
　基本部分
------------------------------------------------------- */

body { 
        background-color: #FFFFFF;
        background-repeat: repeat-x;
        background-position: top right;
        margin:0px; 
        padding:0; 
        border-width:0; 
        font: 10pt "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "HiraginoKakugo Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif;
        line-height: 15pt;
        color:#333333;
        text-align: center;
}

.skip {
	width: 200px;
	position: absolute;
	top: -999px;
}


table { 
        border-collapse:collapse;
}

td {
        margin: 0; 
        padding: 0; 
        border-width: 0; 
        font: 10pt "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "HiraginoKakugo Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif;
        line-height: 12pt;
        color: #333333;
}

h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, p, div, input, form, fieldset, legend {
	margin: 0;
	padding: 0;
}

p { margin: 1em 0; }

.hide { display: none; }


/* ----------------------------------------------------
　ヘッダー
------------------------------------------------------- */

div#header { 
	margin: 0;
          width: 100%;
          padding: 0; 
}

#header h1 { 
         background-image: url(/image/headerH1.jpg);
         background-repeat: no-repeat;
         height: 73px;
         width: 900px;
         margin: 0; 
         padding: 0; 
         text-indent: -9999px;
         text-decoration: none;
         display: block;
}

#header h2 { 
         background-image: url(/image/headerH2.jpg);
         background-repeat: no-repeat;
         height: 320px;
         width: 900px;
         margin: 0 0 1px 0; 
         padding: 0; 
         text-indent: -9999px;
         text-decoration: none;
         display: block;
}

#header h3 { 
        margin: 0; 
        padding: 0;
}


/* ----------------------------------------------------
　メーンメニュー
------------------------------------------------------- */

div#mainMenu {
	margin: 0;
	width: 900px;
          padding: 0; 
          text-align: left;
}

#mainMenu ol {
	margin: 0;
	width: 900px;
	background: url(/image/menu.jpg)  0 0;
          background-repeat: repeat-x;
          padding: 0; 
	list-style: none;
	overflow: hidden;
	position: relative;
          left: 0;
}

#mainMenu dl {
	margin: 0;
          padding: 0; 
}

#mainMenu dt {
	margin: 0;
          padding: 0; 
}

#mainMenu ol li {
          float: left; 
          margin: 0 0 -5px 0;
          padding: 0; 
}

#mainMenu img { 
         height: 35px;
         border: 0;
         margin: 0;
         padding: 0; 
}


#mainMenu h2 { 
         margin: 0 0 -16px 0;
         width: 900px;
         padding: 0; 
         background-image: url(/image/headerLine.gif);
         text-indent: -9999px;
         text-decoration: none;
         display: block;
         font-size: 1pt;
}

#flash { 
         margin: 0;
         padding: 0; 
}


/* ----------------------------------------------------
　メインエリア
------------------------------------------------------- */

div#mainArea { 
         margin: 0;
         padding: 0; 
}

#mainArea table.allArea { 
         margin: 12px 0 0 0; 
         width: 900px;
         min-height: 500px;
         background-image: url(/image/logoBG.jpg);
         background-repeat: no-repeat;
         background-position: top right;
         padding: 0; 
         display: block;
}

#mainArea td.leftArea { 
         width: 690px;
         margin: 0; 
         padding: 10px; 
         text-align: left;
         font-size: 10pt;
         line-height: 13pt;
         color: #000000; 
}

#mainArea td.rightArea { 
         width: 210px;
         margin: 0; 
         padding: 10px; 
         text-align: left;
         font-size: 10pt;
         line-height: 13pt;
         color: #000000; 
}


/* ----------------------------------------------------
　フォトイメージ
------------------------------------------------------- */

#productsMain p.photoR { 
         float: rigth;
         margin: 5px; 
         font-size: 9pt;
         line-height: 10pt;
         color: #333333; 
}

#productsMain p.photoL { 
         background-color: #DDDDDD;
         border: solid 1px #AAAAAA;
         float: left;
         margin: 5px 5px 5px 0; 
         padding: 5px; 
         font-size: 9pt;
         line-height: 12pt;
         color: #333333; 
}

/* ----------------------------------------------------
　会社案内
------------------------------------------------------- */

#companyMain p.coTitle { 
         background-image: url(/image/mark01.gif) ;
         background-repeat: no-repeat;
         border-bottom: solid 1px #CCCCCC;
         margin: 5px; 
         padding: 0 0 0 20px; 
         font-size: 9pt;
         line-height: 10pt;
         font-weight: bold;
         color: #333333; 
}

#companyMain table { 
         width: 600px;
         margin: 10px 5px 5px 5px; 
}

#companyMain td { 
         border: solid 1px #AAAAAA;
         padding: 5px; 
         font-size: 9pt;
         line-height: 12pt;
         color: #333333; 
}

#companyMain th { 
         border: solid 1px #AAAAAA;
         padding: 5px; 
         font-size: 9pt;
         line-height: 12pt;
         color: #333333; 
}

#companyArea table { 
         width: 890px;
         margin: 5px; 
}

#companyArea td { 
         padding: 5px; 
         position: static;
         top: 2px;
}


#companyArea td.image { 
         width: 200px;
         padding: 5px; 
}

#companyArea h4 { 
         margin: 15px 5px 5px 5px; 
         font-size: 13pt;
         line-height: 15pt;
         color: #333388; 
         font-weight: bold;
}

#companyArea h5 { 
         padding-top: 5px; 
         font-size: 10pt;
         line-height: 15pt;
         color: #333333; 
}


/* ----------------------------------------------------
　沿革 <- 会社案内
------------------------------------------------------- */

#mainArea table.historyBG { 
        width: 900px;
        min-height: 500px;
        background-image: url(/image/historyBG.jpg);
        background-repeat: no-repeat;
        background-position: top right;
        margin: 0; 
        padding: 0; 
}

#mainArea img.historyPhoto { 
         border: solid 1px #FFFFFF;
         padding: 0px; 
}

#mainArea td.historyPhotoArea { 
         padding: 220px 5px 0 5px; 
}


#historyMain   table { 
         width: 600px;
         margin: 5px; 
}

#historyMain  td { 
         border-bottom: solid 1px #AAAAAA;
         padding: 5px 5px 5px 10px; 
         position: static;
}

#historyMain  td.year { 
         width: 130px;
         border-bottom: solid 1px #AAAAAA;
         padding: 5px; 
         position: static;
         text-align: right;
}

#historyMain h4 { 
         margin: 15px 5px 5px 5px; 
         font-size: 13pt;
         line-height: 15pt;
         color: #333388; 
         font-weight: bold;
}

/* ----------------------------------------------------
　お問い合わせ <- 会社案内
------------------------------------------------------- */

#contact table { 
         margin-left: 10px;
}

#contact  td {
         border: solid 1px #FFFFFF;
         padding: 2px; 
         text-align: left;
         font-size: 9pt;
         line-height: 12pt;
         color: #333333; 
}




/* ----------------------------------------------------
　ロケーション
------------------------------------------------------- */

#location { 
         margin: 0; 
         padding: 0 0 5px 0; 
         text-align: left;
         font-size: 8pt;
         line-height: 15pt;
         color: #555555; 
}

#location a { 
         margin: 0; 
         padding: 0 0 10px 0; 
         text-align: left;
         font-size: 8pt;
         line-height: 15pt;
         color: #555555; 
}

#locationWH { 
         margin: 0; 
         padding: 0 0 5px 0; 
         text-align: left;
         font-size: 8pt;
         line-height: 15pt;
         color: #CCCCCC 
}

#locationWH a { 
         margin: 0; 
         padding: 0 0 10px 0; 
         text-align: left;
         font-size: 8pt;
         line-height: 15pt;
         color: #CCCCCC 
}


/* ----------------------------------------------------
　ページイメージ
------------------------------------------------------- */


#mainArea table.EnvironmentBG { 
        width: 900px;
         min-height: 500px;
        background-image: url(/image/EnvironmentBG.jpg);
        background-repeat: no-repeat;
        background-position: top right;
        margin: 0; 
        padding: 0; 
}

#mainArea table.products02BG { 
        width: 900px;
         min-height: 500px;
        background-image: url(/image/products02BG.jpg);
        background-repeat: no-repeat;
        background-position: top;
        margin: 0; 
        padding: 0; 
}

#mainArea table.companyAreaBG { 
        width: 900px;
         min-height: 500px;
        background-image: url(/image/companyAreaBG.jpg);
        background-repeat: no-repeat;
        background-position: top;
        margin: 0; 
        padding: 0; 
}

#mainArea table.company03BG { 
        width: 900px;
         min-height: 500px;
        background-image: url(/image/company03BG.jpg);
        background-repeat: no-repeat;
        background-position: top;
        margin: 0; 
        padding: 0; 
}


/* ----------------------------------------------------
　製品一覧
------------------------------------------------------- */

#productsMain td { 
         padding: 5px;
         text-align: center;
}

#productsMain a { 
         font-size: 10pt;
         line-height: 13pt;
         color: #555588; 
         font-weight: bold;
}

#productsMain h4 { 
         margin: 15px 5px 5px 0; 
         font-size: 13pt;
         line-height: 15pt;
         color: #333388; 
         font-weight: bold;
}

#productsMain span { 
         width: 500px;
}

/* ----------------------------------------------------
　製品詳細
------------------------------------------------------- */

#productsItem table { 
　　　　width : 100%;
         margin: 5px 0 0 0; 
         padding: 0; 
}

#productsItem td.itemName { 
         background-color: #DDDDCC;
         margin: 15px 5px 5px 5px; 
         border: solid 1px #CCCCBB;
         padding: 7px; 
}

#productsItem h4 { 
         width: 100%;
         margin: 0; 
         padding: 0; 
         font-size: 17pt;
         line-height: 17pt;
         color: #223377;
         font-weight: bold;
}

#productsItem h5 { 
         margin: 0; 
         padding: 0; 
         font-size: 11pt;
         line-height: 15pt;
         color: #333333; 
         font-weight: bold;
}

#productsItem span { 
         font-size: 13pt;
         line-height: 13pt;
         color: #223377;
         font-weight: bold;
}


#productsItem td.itemPhoto { 
         width: 260px;
         margin: 0; 
         padding: 5px 0 0 0; 
}

#productsItem p.itemCopy { 
         margin: 0; 
         padding: 20px 5px 25px 0; 
         font-size: 10pt;
         line-height: 10pt;
         color: #222222; 
}

#productsItem td { 
         margin: 0; 
         font-size: 10pt;
         line-height: 15pt;
         color: #222222; 
}

#productsItem strong { 
         margin: 0; 
         font-size: 10pt;
         line-height: 15pt;
         color: #555555; 
}

/* -- 図面 -- */

#DiagramTable table { 
         margin-left: 10px;
}

#DiagramTable th {
         border: solid 1px #888888;
         background-color: #555555;
         width: 50px;
         padding: 2px; 
         text-align: center;
         font-size: 9pt;
         line-height: 12pt;
         color: #FFFFFF; 
}

#DiagramTable td {
         border: solid 1px #888888;
         width: 50px;
         padding: 2px; 
         text-align: center;
         font-size: 9pt;
         line-height: 12pt;
         color: #333333; 
}

/* ----------------------------------------------------
　リンク基本部
------------------------------------------------------- */

a:link     { font-size:10pt; line-height:13pt; color: #0000aa; TEXT-DECORATION: underline;}
a:visited { font-size:10pt; line-height:13pt; color: #000055; TEXT-DECORATION: underline;}
a:hover  { font-size:10pt; line-height:13pt; color: #8888aa;  TEXT-DECORATION: none;}



/* ----------------------------------------------------
　footer
------------------------------------------------------- */

div#footer { 
         margin: 0;
         padding: 0; 
}

#footer p { 
         background-image: url(/image/footerBG.gif);
         background-repeat: no-repeat;
         height: 30px;
         width: 900px;
         margin: 0; 
         padding: 5px 0 0 5px; 
         display: block;
         text-align: left;
         font-size: 10pt;
         line-height: 13pt;
         color: #ffffff; 
}