/*--------------------------------------------------*/
/* ビルダーver11 で変更する際の注意点 */
/* 以下の設定を変更してください。 */
/* */
/* これはビルダーが自動的に構文を変更し、 */
/* レイアウトを崩すことを防止する為です。 */
/* */
/* 以下の設定のチェックをはずしてください。 */
/* */
/* ツール→オプション→一般 */
/* □HTMLソースを自動整形する */
/* □HTML構文エラーを自動修正する */
/* */
/* ツール→オプション→ファイル */
/* □DOCTYPEを出力する */
/* □HTMLソースにGENERATORを（略 */
/* */
/* 以上です。 */
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* */
/* 注意！文字色をHTMLに直接記述している */
/* */
/* ページがあります。 */
/* （＝このファイルを変更するだけでは */
/* 全ページ文字色を変更できません。） */
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* */
/* 注意！以下の画像のみ */
/* ホームページビルダーでは変更できません。 */
/* FTPソフトなどを用いて、 */
/* 「同サイズの画像ファイル（重要）」で */
/* 書き換えてください。 */
/* */
/* ・「製造工程のご紹介」左の列の文字を入れた画像 */
/* ・ 同ページ英語版も同じです。 */
/* */
/* ・ 英語版ページの「職人の技」の中の */
/* L綿花とクリールの写真 */
/* L仕上げ工程の写真 */
/* */
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* */
/* 注意！このファイルの中では */
/* */
/* ＊＊＊ 「全角スペースは使用禁止」＊＊＊ */
/* です。 */
/* */
/* エクスプローラ以外のブラウザでは崩れます。 */
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* 全ページの共通設定 */
/*--------------------------------------------------*/
*{ /*ページ全体のセンタリング*/
margin-left: auto; /*左側を自動調整*/
margin-right: auto; /*右側を自動調整*/
}
a:link { /*リンクされた文字*/
color:#3C1503; /*リンクされた文字の色*/
font-style:normal;
text-decoration:none; /*リンクされた文字の装飾（を行わない）*/
}
a:visited { /*訪問済みリンク*/
color:#3C1503; /*訪問済みリンクの色*/
text-decoration:none; /*リンクされた文字の装飾（を行わない）*/
}
a:hover { /*リンクにカーソルをあわせた際の色*/
color: #F00; /*リンクにカーソルをあわせた際の色*/
font-size: 12px;
font-weight: bold;
}
img{border-style:none;}
a:img{ border-style:none; }
.no_border {
border-style:none;
}
div{ border:none; }
.header{text-align:right;
}
.logo{width:131px;
height:141px;
text-align:center;
}
body { font-size: 12px ; /*本文の文字の大きさ*/
line-height: 150%; /*本文の行間の指定*/
}
.outer
{ /*ページ全体構成（枠）の設定*/
width:750px; /*ページ全体構成巾の設定*/
background-color: #FFFFFF; /*ページ全体構成、背景色の設定*/
padding: 2px; /*ページ全体構成の内側余白の設定*/
}
div#foot{ /*Copyright(c) 2009 maruei towelco～の記述指定*/
font-size:10px; /**Copyright(c) 2009 maruei towelco～の文字の大きさ*/
text-align: right; /**Copyright(c) 2009 maruei towelco～の右寄せ*/
color: #3C1503; /**Copyright(c) 2009 maruei towelco～の色指定*/
width:750px; /*巾の設定*/
border-top: 1px solid #3C1503; /**Copyright(c) 2009 maruei towelco～のの線の太さ、色*/
}
.box1
{
width:100%; /*企業ロゴ、その右側の写真の枠*/
background-color: #FFFFFF; /*企業ロゴ、その右側の写真の枠の背景色*/
width:750px; /*巾の設定*/
}
.box2
{
width:100%; /*”オリジナルブランド”などのリンクの設定枠*/
background-color: #FFFFFF; /*”オリジナルブランド”などのリンクの設定枠の背景色*/
width:750px; /*巾の設定*/
}
.box3
{
width:100%; /*インデックスページのメイン写真の設定枠*/
background-color: #FFFFFF; /*インデックスページのメイン写真の設定枠、背景色*/
width:750px; /*巾の設定*/
}
*.float
{
float: left;
margin-right: 1em;
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
*.floatclear
{
clear: both;
}
*.sample1{
}
/*--------------------------------------------------*/
/* インデックス(ホーム)ページ設定 */
/*--------------------------------------------------*/
div#toplink{
font-size:18px;
}
a.bb:link{ /*リンクされた文字(タオル工業組合部分)*/
color:#0000FF; /*リンクされた文字の色*/
font-style:normal;
text-decoration:none; /*リンクされた文字の装飾（を行わない）*/
}
div#waku{
border-top: 2px dotted #3C1503; /*インデックスページの□赤□青□白部分の上の茶色の点線*/
border-bottom: 2px dotted #3C1503; /*インデックスページの□赤□青□白部分の下の茶色の点線*/
marigin: 5px; /*インデックスページの□赤□青□白部分の上の茶色の点線とその内側までの間隔*/
}
.text{
text-align:left;
padding: 10px;
font-size: 11px;
line-height: 220%;
}
.style2 {
color: #0000FF;
font-size: 16px;
}
.boxin
{
width:100%; /*企業ロゴ、その右側の写真の枠*/
background-color: #FFFFFF; /*企業ロゴ、その右側の写真の枠の背景色*/
}
.style4 {font-size: 16px; /*インデックスページの□赤□青□白の文字の大きの設定*/
font-weight:bold; /*インデックスページの□赤□青□白の文字の太さの設定*/
}
.style5 {font-size: 10px; /*インデックスページ”今治タオルのブランドマーク～”の文字の大きさの設定*/
line-height: 150%; /*インデックスページ”今治タオルのブランドマーク～”の文字行間の設定*/
margin-right: 15px;
}
/*--------------------------------------------------*/
/* インデックスページ、インフレーム内の記述 */
/*--------------------------------------------------*/
div#ifwaku{ /*インデックスページインフレーム内のタイトルの装飾*/
border-bottom: 2px dotted #3C1503; /*下に線をつける指定、太さの指定、色の指定*/
}
/*--------------------------------------------------*/
/* 会社案内ページの記述 */
/*--------------------------------------------------*/
/*-----------------！注意！--------------------*/
/* */
/* このページの段組の文字は */
/* HTMLに直接記述しています。 */
/* */
/* これらの文字の色を変更する場合は、 */
/* ～ (茶色) */
/* ～ (白色) */
/* 部分を変更してください。 */
/* */
/*-----------------！注意！--------------------*/
.kaishaleft /*-------------------段組左側（茶色）-----------------*/
{
line-height:220%; /*-------------------段組左側行間-----------------*/
padding-left:10px; /*-------------------段組左側、左側の隙間-----------------*/
float:left; /*--------------------段組の為の設定-----------------*/
width:230px; /*-------------------段組左側巾-----------------*/
background-color: #3c1503; /*-------------------段組左側色（茶色）-----------------*/
}
.kaisharight /*-------------------段組右側（白色）-----------------*/
{
line-height:220%; /*-------------------段組右側行間-----------------*/
padding-left:30px; /*-------------------段組右側、左側の隙間-----------------*/
float:left; /*--------------------段組の為の設定-----------------*/
width:400px; /*-------------------段組右側巾-----------------*/
background-color: #FFFFFF; /*-------------------段組右側（白色）-----------------*/
}
.kaishaowari /*-------------------段組解除-----------------*/
{
clear: both; /*-------------------段組解除の為の命令-----------------*/
}
a.cc:link{ /*リンクされた文字(map)*/
color:#3C1503; /*リンクされた文字の色の独自設定*/
text-decoration:underline; /*リンクされた文字の装飾（アンダーライン）*/
}
a.mm:link{ /*リンクされた文字(ideezora)*/
color:#3C1503; /*リンクされた文字の色の独自設定*/
text-decoration:underline; /*リンクされた文字の装飾（アンダーライン）*/
}
a.mm:visited { /*訪問済みリンク*/
color:#3C1503; /*訪問済みリンクの色*/
text-decoration:underline; /*リンクされた文字の装飾（アンダーライン）*/
}
/*--------------------------------------------------*/
/* 製造工程のご紹介ページの記述 */
/*--------------------------------------------------*/
.menu /*--------------ここから右側の枠の設定-----------------*/
{
float:left; /*-------------------段組設定-----------------*/
width:250px; /*----------------右側の枠の巾----------------*/
}
.main /*--------------ここから左側と中心の枠の設定-----------------*/
{
float:left; /*-------------------段組設定-----------------*/
width:500px; /*----------------左側の枠巾+中心の枠の巾-------*/
}
.main_cont /*--------------ここから中心の枠の設定-----------*/
{
float:right; /*-------------------段組設定--------------------*/
width:250px; /*---------------中心の枠の巾--------------------*/
}
/*------------------------ここから左側の枠の設定------------------------*/
/*-----------------！注意！--------------------*/
/* */
/* このタグ下の.main_leftタグは */
/* 記述説明の為のサンプルです。 */
/* */
/* 実際には.main_left1,.main_left2,のように */
/* 上の段から一段づつ個別に記述しています */
/* これはそれぞれに個別の */
/* 背景画像を設定する為です。 */
/* */
/* 画像以外の部分の記述は共通です。 */
/* */
/* */
/*-----------------！注意！--------------------*/
/*-----------------------参考記述ここから-----------------------------*/
.main_left /*---------------左の枠の巾--------------------*/
{
float:left; /*-------------------段組設定--------------------*/
width:250px; /*---------------左側の枠の巾設定------------------*/
height:200px; /*---------------左側の枠の高さ設定----------------*/
background-image : url(../../www.maruei-towel.com/seizou/s-kikaku_title.jpg); /*---左側の枠の画像ファイルの設定----*/
background-repeat: no-repeat; /*---左側の枠の画像をリピートしない設定----*/
}
/*-----------------------参考記述ここまで-----------------------------*/
/*-------------------以下、左側の段組個別設定--------------------------*/
/*---この部分の記述説明は上記.main_leftの記述を参考にしてください。---*/
.main_left1 /*上記.main_leftを参考してください*/
{
float:left;
height:200px;
width:250px;
background-image : url(../../www.maruei-towel.com/seizou/s-kikaku_title.jpg);
background-repeat: no-repeat; }
div#leftmain2 /*上記.main_leftを参考してください*/
{
float:left;
height:200px;
width:250px;
background-image : url(../../www.maruei-towel.com/seizou/s-kikaku_title_2.jpg);
background-repeat: no-repeat; }
.main_left3 /*上記.main_leftを参考してください*/
{
float:left;
height:200px;
width:250px;
background-image : url(../../www.maruei-towel.com/seizou/s-seisan_title.jpg);
background-repeat: no-repeat;
}
.main_left4 /*上記.main_leftを参考してください*/
{
float:left;
height:200px;
width:250px;
background-image : url(../../www.maruei-towel.com/seizou/s-shiage_title_1.jpg);
background-repeat: no-repeat;
}
.main_left5 /*上記.main_leftを参考してください*/
{
float:left;
height:200px;
width:250px;
background-image : url(../../www.maruei-towel.com/seizou/s-konpou_title.jpg);
background-repeat: no-repeat;
}
/*-------------------------------説明文----------------------- */
/*----企画・商談、規格・設計、仕上げ、梱包・出荷部分の説明---- */
/*--------------「生産」部分のみ別個設定有-------------------- */
.setumei {
color:#3C1503; /*文字色の設定*/
font-size: 12px ; /*文字の大きさ*/
line-height: 150%; /*行間の指定*/
padding-left: 25px; /*背景画像に文字を重ねる為の位置調整、左側の隙間の大きさ*/
padding-top: 80px; /*背景画像に文字を重ねる為の位置調整、上側の隙間の大きさ*/
}
/*-----------------------「生産」部分の説明文---------------------- */
/*---文字量が多いこと、リンク設定が必要である為この部分のみ別設定-- */
.stxt2 { font-size: 12px ; /*本文の文字の大きさ*/
color:#3C1503; /*文字色の設定*/
line-height: 120%; /*行間の指定*/
padding-left: 25px; /*背景画像に文字を重ねる為の位置調整、左側の隙間の大きさ*/
padding-top: 70px; /*背景画像に文字を重ねる為の位置調整、上側の隙間の大きさ*/
}
/*-------------------------「生産」部分のリンクの設定-------------------- */
/*-------リンク部分にアンダーラインを設定している為、独自設定を使用------ */
a.ff:link{
color:#3C1503; /*リンクされた文字の色の設定*/
text-decoration:underline; /*リンクされた文字の装飾、アンダーライン使用*/
}
a.ff:visited { /*訪問済みリンクの色*/
color:#3C1503; /*訪問済みリンクの色*/
text-decoration:underline; /*リンクされた文字の装飾、アンダーライン使用*/
}
a.ff:hover { /*リンクにカーソルをあわせた際の色*/
color: #3C1503; /*リンクにカーソルをあわせた際の色*/
text-decoration:underline; /*リンクされた文字の装飾、アンダーライン使用*/
}
#hibino {
float: left;
}
.clears{ /*-------------------段組設定--------------------*/
clear:both; /*-------------------段組終了（回り込み終了）-----*/
}
.outer .box1 .box2 .box3 table tr td img {
text-align: left;
}