@charset "Shift-JIS";

/*
 ==================================
   あかちゃんハンコ　default.css

   2005/02/
 ==================================
テーマカラー濃：#f5367a
ボディ背景色： #fee6e6


  ----------------------------------------------------------------
  NOTE :
    Base Font Size  :
      Mac OS X
        Safari -> "small" or "80%"
        Moz    -> "small" or "90%"
        Opera  -> "small" or "80%"
      Win XP
        WinIE6 -> "x-small" or "80%"
        Moz    -> "small" or "80%"
        Opera  -> "small" or "80%"
      Linux
        Moz    -> "small" or "80%"
        Konq   -> "small" or "90%"
==================================

   BASE STYLE SETT

================================== 
 */

body    {
margin           : 0px;
padding          : 0px;
font-family      :"ＭＳ Ｐゴシック","Osaka",
                       Lucida Grande, Lucida Sans Unicode, Lucida, 
                       Verdana, Trebuchet MS, sans-serif;
    /* SEE "NOTE" */
font-size        : x-small;  /* WinIE -> 80% */
color: #000000;
background-color: #fee6e6;
text-align:left;
}


 /* Images */
img {
border: 0px;
}


/*table */
table{
font-size: 100%;
background-color: transparent;
}


/*中央揃え*/
.al-center{
text-align:center;
}


/*横罫線*/
hr.size1{
color:#f5367a;
height:1px;	
}


hr.size2{
color:#f5367a;
height:2px;	
}


/*矢印つきリンク*/
a.link-arrow {
padding-left:15px;
color:#f5367a;
background : #ffffff url(../common-imgs/arrow.gif) left center no-repeat;
text-decoration  : none;
 }


a.link-color1 {
color:#f5367a;
background-color : transparent;
text-decoration  : none;
}


/*白背景*/
.bg-white{
background-color :#ffffff;
}




/*
==================================
   WRAPPER
==================================
*/

 #wrapper{
margin: 0px ;
padding: 0px;
width:760px;
color: #000000;
background-color : transparent;
border: 0px;
}




/*
==================================
   HEADER
==================================
*/

#header {
margin: 0px ;
padding: 0px;
width:760px;
height: 65px;
color: #ffffff;
background-color : #f5367a;
border: 0px;
}


#header h1 {
margin: 0px;
padding: 0px;
font-size: 110%;
}


#header table {
font-size: 100%;
color:#ffffff;
background-color : transparent;
 }


#header td.link {
font-size: 10px;
color:#f5367a;
background-color : #ffffff;
}


#header .link a{
padding-left:15px;
margin-right:15px;
color:#f5367a;
background : #ffffff url(../common-imgs/arrow.gif) left center no-repeat;
text-decoration  : none;
}


#header .link a:hover{
padding-left:15px;
margin-right:15px;
color:#f5367a;
background : #ffffff url(../common-imgs/arrow.gif) left center no-repeat;
text-decoration  : none;
 }




/*
==================================
  MAIN
==================================
*/

table.main{
text-align : left;
margin : 0px;
padding : 0px;
border: 0px;
width:760px;
background : #ffffff url(../common-imgs/bg1.gif) repeat-y;
 }


.main td{
vertical-align:top;
}




/*
==================================
   FOOTER
==================================
*/

#footer {
width:760px;
clear : both;
margin : 1em 1em 1em 1em;
padding: 0px;
border: 0px;
color: #333333;
background-color : transparent;
text-align: center;
}




/*
==================================
 NAVIGATION
==================================
 */

#navi{
text-align:center;
margin : 0px;
padding: 0px;
border : 0px;
background-color : transparent ;
 }


#navi td.ctr {
color:#f5367a;
background-color: #ffffff;
 }


#navi div.bn{
margin:10px auto 10px auto;
 }


#navi a{
color:#f5367a;
background-color : transparent ;
 }




 /*
 ==================================
 CONTENTS
 ==================================
 */
 #contents{
padding: 25px 0px 0px 0px;
border: 0px;
width:603px;
background : transparent url(../common-imgs/bg-content1.gif) no-repeat;
text-align:right;
 }


#c-wrapper{
margin-left:18px;
text-align:center;
width: 585px;
padding : 0px 0px 30px 0px;
border: 0px;
 }


#contents h1{
color:#f5367a;
font-size:120%;
margin:0px;
padding : 0px;
 border: 0px;
 }




  /*
 ==================================
テキスト設定
 ==================================
 */ 

.comment{
font-size:80%;
}


.comment-s{
font-size:60%;
}


.red {
color:#ff0000;
}


.color-txt1 {
color:#f5367a;
}



.c-blue{
color:#386cb0;
}

.c-pink{
color:#f5367a;
}
.c-yell{
color:#ffcc00;
}
.c-grn{
color:#33a02c;
}
.c-bk{
color:#000000;
}




 p {
margin:0.5em 0px 0.5em 0px;
line-height:130%;
 }


 p.comment {
text-indent: -0.9em;
padding-left: 0.9em;
margin-top: 3px;
margin-bottom: 3px;
}




 /*
 ==================================
トップページ
 ==================================
 */ 

#index {
width: 585px;
background : transparent url(../index-imgs/contents-bg.gif) repeat-y;
}


#index h2{
font-size:100%;
margin-top:0.5em;
margin-bottom:0px;
}


#index p{
margin-top:3px;
padding-top:0px;
line-height:110%;
}


.staffname{
padding:3px 0.2em 0em 0em;
vertical-align:bottom;
}


.message{
padding-top:0.3em;
background : transparent url(../index-imgs/massage-dotline.gif) left top repeat-x;
}


.bg-yellow{
background-color : #ffffcc;
}




 /*
 ==================================
製品紹介ページ  design.html  delux.html
 ==================================
 */ 

#delux-s {
width:549px;
margin-left:auto;
margin-right:auto;
}


#delux-s h2{font-size:110%;margin:0px auto 0px auto;padding:0px;}


#delux-s h3{
font-size:100%;
margin:0px auto 0px auto;
padding:0px;
}


.dx-pink{color:#f74f85;}

.dx-blue{color:#386cb0;}


#design-s {
width:549px;
margin-left:auto;
margin-right:auto;
}


#design-s h2{font-size:110%;margin:0px auto 0px auto;padding:0px;}


.photo-border{
border:1px solid #f5367a;
}




 /*
 ==================================
注文方法ページ　easystep.html
 ==================================
 */ 
 
#easystep{
width: 497px;
margin: 0px auto 0px auto;
} 


td.steptxt{
padding:0px;
vertical-align:middle;
line-height:140%;
}


.steptxt p{
padding:0px 0.5em 0.5em 0.5em;
margin: 0px;
}


/*
==================================
詳しい注文方法　howto.html
==================================
*/ 
 
#howto{
width:521px;
margin-left:auto;
margin-right:auto;
}


#howto td.h02-bg-l{
width:14px;
background : transparent url(../howto-imgs/table-left.gif) repeat-y;
}


#howto td.h02-bg-r{
width:14px;
text-align:right;
background : transparent url(../howto-imgs/table-right.gif) right repeat-y;
}


#howto td.center-bg{
background : transparent url(../howto-imgs/table-center-bg.gif) repeat-y;
}


#howto div.step{
margin:0px auto 40px auto;
}


#howto div.yellowbox{
margin:5px 0px 5px 0px;
padding:10px;
background-color : #ffffcc;
}


#howto h2{
color:#f5367a;
font-size:110%;
margin:0px auto 0px auto;
padding:0px;
}


#howto h3{
color:#f5367a;
font-size:110%;
margin:0px auto 0px auto;
padding:0px;
}


#howto h4{
color:#f5367a;
font-size:110%;
margin:0px auto 0px auto;
padding:0px;
}


#howto h5{
color:#f5367a;
font-size:100%;
margin:0px auto 0px auto;
padding:0px;
border-bottom:1px solid #f5367a;
}


/*#howto */
td.v-mid{
vertical-align:middle;
}


#howto table.price {
padding:0px;
margin:10px auto 5px auto;
font-size        : 100%;
background-color : #f5367a;
border           : 0;
}


.price th {
color:#f5367a;
background-color : #ffffff;
}


.price td{
text-align:center;
background-color : #ffffcc;
}


/*
==================================
Ｑ＆Ａ　qa.html
==================================
*/ 
 
#qa {
width:531px;
margin:0px auto 0px auto;
}


#qa h2{
color:#f5367a;
font-size:110%;
margin:0px;
padding:0px;
}


#qa div.q{
margin-bottom:30px;
}


.q a{
color:#f5367a;
background-color : transparent;
text-decoration  : none;
}


.q p{
margin:10px 0px 10px 0px;
padding:2px 0px 3px 30px;
background : #ffffff url(../qa-imgs/icon-qlink.gif) left top no-repeat;
}


#qa div.answer{
text-align:left;
margin-bottom:30px;
}


p.q-text {
color:#f5367a;
font-size:110%;
font-weight:bold;
margin:20px 0px 10px 10px;
padding:3px 10px 10px 35px;
background : #ffffff url(../qa-imgs/icon-q.gif) left top no-repeat;
}


p.answer-txt{
margin:10px 0px 20px 10px;
padding:3px 10px 5px 35px;
background : #ffffff url(../qa-imgs/icon-a.gif) left top no-repeat;
}




/*
==================================
天野製作所
==================================
 */

#amano {
text-align:left;
width:450px;
margin:0px auto 0px auto;
 }


#amano h2{
color:#f5367a;
font-size:110%;
margin:35px 0px 15px 0px;
padding:0px;
border-bottom:1px solid #f5367a;
}


.amano th {
width:23%;
font-weight:normal;
vertical-align:top;
text-align:left;
}


.amano td {
padding-left:10px;
}




/*
==================================
ご質問お問い合わせ
==================================
*/

#contact {
width:450px;
margin:0px auto 0px auto;
 }


#contact h2{
color:#f5367a;
font-size:150%;
margin:35px auto 15px auto;
padding:0px;
}




/*
==================================
プライバシーポリシー
==================================
 */

#privacy {
text-align:left;
width:497px;
margin:0px auto 0px auto;
 }


#privacy h2{
color:#f5367a;
font-size:110%;
margin:25px 0px 20px 0px;
padding:0px;
border-bottom:1px solid #f5367a;
}


.privacy th {
vertical-align:top;
width:30px;
}




/*
==================================
通販法表示
==================================
*/

#notation {
text-align:left;
width:497px;
margin:0px auto 0px auto;
 }


table.notation {
padding:0px;
margin:20px auto 0px auto;
font-size : 100%;
background-color : #f5367a;
border: 0;
}


.notation td {
padding-left:10px;
background-color : #ffffff;
}


.notation th {
padding-left:10px;
text-align:left;
color:#f5367a;
background-color : #fee6e6;
}




/*
==================================
申込みフォーム
==================================
*/ 

/*フォームテーブル上部のタイトルオビ*/
div.formtitle{
width:515px;
color:#ffffff;
background-color: #f981a2;
padding:2px 0px 0px 0px;
margin-top:15px;
margin-left:auto ;
margin-right:auto ;
border: 1px solid #f981a2;
text-align:center;
}


/*フォームテーブル*/
table.entry {
padding:3px 0px 3px 0px;
margin:0px auto 35px auto;
font-size: 100%;
background-color : transparent;
border: 1px solid #f981a2;
}


/*フォームテーブルセル背景色*/
.entry td{
color:#000000;
background-color: #fcd4d2;
}


td.bg-white{
background-color :#ffffff;
}


/*フォームテーブル-タイトルセル背景色*/
.entry th{
text-align:left;
color:#ffffff;
background-color: #f981a2;
}


input[type="textarea"], [type="select"]  {
font-size        : 100%;
}


/*確認画面用設定*/
/*わく罫線ー色設定*/
div.mrg1{
margin:15px auto 25px auto;
}


table.check {
padding:0px;
margin:0px auto 0px auto;
font-size: 100%;
background-color : #f5367a;
border : 0;
}


.check td {
background-color : #ffffff;
}


.check th {
text-align:left;
color:#f5367a;
background-color : #fee6e6;
}


th.cel-c{
text-align:center;
width:95px;
}


tr.sum{
color : #f5367a;
}


td.cel-a{
width:175px;
}


td.cel-c{
text-align:right;
}


/*ありがとう＆エラーページ　タイトル画像*/
.mes-img{
margin-top:30px;
}


/*確認画面＆完了ページメッセージ*/
div.mess-1{
font-size:110%;
text-align:center;
color:#f5367a;
line-height:150%;
font-weight:bold;
margin-bottom:30px;
}


/*エラーメッセージ*/
.errores{
font-size:110%;
text-align:left;
color:#000000;
line-height:150%;
font-weight:bold;
margin:36px auto 36px auto;
}


/*エラーページ　戻るボタン*/
.backbtn{
margin-top:60px;
}