/* 離煙パイプ　hp */

* {
	color:#333333;
	padding:0;
	font-size: 12px;
	line-height: 140%;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	background-image: none; 
}

body {
/*	background-color: #c9e3c8;*/
	background-color: #FFFFFF;
/*	background-image: url(img/bg.jpg); */
/*	background-repeat: repeat-x; */

/*        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
        text-align:center; */

}

a {

/*	color:#223A5C; */

}

a: hover {

/*	text-decoration: none; */
/*      color:#ff0000; */

}

/*  hoverで薄くなる */
a.imghover:hover {
filter:alpha(opacity=70);
opacity:0.7;
}

/*


a img {
	border:none;
}

hr {
	clear: both;
	height: 1px;
}

strong {
/*	color: #CC3300; */
}


.chui {
	font-size: 10px;
	color: #FF0000;
}


/*
ベース
-------------------------------------------------------------------*/
#base {
	width:800px; 
	margin-right: auto;
	margin-left: auto;
/*	background-image: url(img/base_bg.jpg);*/
	background-color: #FFFFFF;
/*	margin-top: 1px; */
/*       text-align:left; */
}

#wrap {
/*	width:800px; */
/*	float: left;
	padding: 5px;
	margin-top: 5px; */
margin : 15px auto; 
}


/*
ヘッダー
-------------------------------------------------------------------*/

#header {
	margin-top: 30px;
	width:800px;
	height:135px;
	background-image: url(img/logo1.gif);
        text-align:left;


}


h1 a {
	display: block;
	text-decoration: none;
	width: 600px;
	height: 100px;
	margin-left: 15px;
	padding-top: 10px;
	font-size: 23px;
	line-height: 25px; 
        text-indent : -9999px; 
	color: #FFFFFF; 
}

h2 {
        text-indent : -9999px; 
	color: #FFFFFF; 
}

#header1 p { 
        position : absolute; 
        top : 0; 
/*        left : 0; */
        text-align : left; 
        height : 30px; 
        margin : 0; 
        padding : 10px 0 0; 
} 



/*ナビゲーション
----------------------------------------------- */
#nav {
      margin : 0; 
      padding : 5px 0 0; 
      clear : both; 
}

#nav ul {
      list-style: none;
      margin : 0; 
      padding : 0; 
      width : 800px; 
      height : 41px; 
  }
  

#nav ul li {
      float : left; 
      margin : 0; 
      padding : 0; 
      height : 41px; 
      text-align : left; 
}
  
#nav a {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.1em;
}


a.imghover:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}


/*
コンテンツ
-------------------------------------------------------------------*/

#contents {
        float : right; 
        width : 585px; 
        padding-left : 8px; 
        text-align : left; 
        border-left : 1px solid #b4b4b4; 
/*	float: left; */
}

/*   #contents p{
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(img/note_line.gif); 
	margin-right: 30px;
	margin-left: 0px; 
	line-height: 21px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
} */

#contents h3 {
	font-size: 16px;
	padding-left: 10px;
	color: #223A5C; 
/*	color: #fca001; */
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 5px;
	font-weight: bold;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #223A5C; 
/*	border-left-color: #fca001; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding-top: 2px;
	padding-bottom: 2px;
}


#contents h4 {
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
/*	border-left-color: #223A5C; */
/*赤茶	border-left-color: #cc3333; */
	border-left-color: #0000ff;
	padding-left: 10px;
/*	color: #333333; */
	color: #0000ff;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#contents h5 {
	font-size: 12px;
	border-left-width: 5px;
	border-left-style: solid;
/*赤	border-left-color: #FF0000;*/
	border-left-color: #cc3333;
	padding-left: 10px;
/*	color: #2D5991; */
	color: #cc3333;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#contents #c_pad {
	padding: 8px;
}

#contents #c_pad p a {
	line-height: 20px;
}

#contents #c_pad p strong {
	line-height: 20px;
}

#contents #top_img {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #E8E6D0;
	border: 1px solid #C2BE83;
}

.logo2 { 
        width: 585px;
	height: 426px;
        background : url(img/logo2.gif) no-repeat top left; 
        text-indent : -9999px;
        margin : 0;  
} 

.rien2 { 
        width: 585px;
	height: 530px;
        background : url(img/rien2.gif) no-repeat top left; 
        text-indent : -9999px; 
        margin : 0;  
} 


.moji  {
	font-size: 14px;
        padding-top: 5px;
	padding-bottom: 5px;
/*	background-image: url(img/note_line.gif);  */ 
	margin-right: 30px;
	margin-left: 20px; 
	line-height: 21px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
} 





/*
サイド・メニュー
-------------------------------------------------------------------*/
#side {
	float: left; 
/*	float: right;*/
	width: 200px;
        text-align : left; 
}

#side h5 {

}

#side img {
	border:none;
}

.m_rien a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_rien.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_kutikomi a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_kutikomi.gif) no-repeat top left; 
        text-indent : -9999px; 
} 


.m_tyudoku a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_tyudoku.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_copd a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_copd.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_cancer a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_cancer.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_ohada a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_ohada.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_ninpu a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_ninpu.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_ridatu a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_ridatu.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_tiryou a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_tiryou.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_nopatch a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_nopatch.gif) no-repeat top left; 
        text-indent : -9999px; 
} 

.m_jyakuten a { 
	display: block;
	text-decoration: none;
	width: 200px;
	height: 50px;
        background : url(img/m_jyakuten.gif) no-repeat top left; 
        text-indent : -9999px; 
} 




/*
フッタメニュー
-------------------------------------------------------------------*/

#f_menu {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
/*	background-image: url(img/foot.jpg); */
/*	height: 50px; */
	background-repeat: repeat-x;
	border: 1px solid #E2E2DE;
        background-color:#FFFFFF;
}
#f_menu li {
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}
#f_menu ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#f_menu li a {
	font-size: 10px;
}

#f_menu p {
	font-size: 10px;
	color: #333333;
}


/*
コピーライト
-------------------------------------------------------------------*/

address {
        font-style: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
/*	background-color: #223A5C; */
        background-color: #3a9d9d; 
	font-size: 10px;
}

/*
その他テーブルの枠
-------------------------------------------------------------------*/


table.tbl1 {
	font-size: 11pt;
	border-collapse: collapse;
	border: 2px solid #000000;
}

td.tbl1 {
	border-collapse: collapse;
	border: 1px solid #000000;
	background-color: #FFFF80;
	font-weight: bold;
/*	color: white; */
	text-align: center;
}

td.tbl1b {
	border-collapse: collapse;
	border: 1px solid #000000;
	background-color: #FFFF80;
	font-weight: bold;
	text-align: left;
/*	color: white; */
}



td.tbl2 {
	border-collapse: collapse;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
 	line-height: 1.2;
}

td.tbl1a {
	border-collapse: collapse;
	border: 1px solid #000000;
	text-align: center;
}

td.tbl2a {
	border-collapse: collapse;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
 	line-height: 1.2;
        text-align: left;
}


/*
その他黄色に黒の文字
-------------------------------------------------------------------*/


.font_yellow {background-color:yellow; padding:2px;}
.font_yellow25 {
background-color:
yellow; padding:2px;
     font-size: 25px;
     font-family:"MS UI Gothic";
     font-weight: bold;

}


/*
その他 右のコンテンツ
-------------------------------------------------------------------*/

#c_pad .list1  li {
	margin-left: 70px ;
}

center1 {text-align: center;}


#contents  p img {
	border: 1px solid #000000; 
}


.font-red35 {
     color: #ff0000; 
     font-size: 35px;
/*     font-family: "ＭＳゴシック";  */
     font-family:"MS UI Gothic";
     font-weight: bold;
}

.font-red25 {
     color: #ff0000; 
     font-size: 25px;
/*     font-family: "ＭＳゴシック";  */
     font-family:"MS UI Gothic";
     font-weight: bold;
}



.font20 {
     font-size: 20px;
     font-family:"MS UI Gothic";
     font-weight: bold;
}


