﻿
h1 {font-size:11pt;}



A:LINK  { COLOR: #808080; }                          
A:VISITED { COLOR: #008000; }
A:HOVER { COLOR: #ffA500; }



body { font-size: 15px;
height: 100%;
background-image: url("jpg/lightgreengra.jpg"); 
background-repeat: repeat-x;
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 800px;  /*中央配置するボックスの横幅*/
  min-height: 1550px;  /*中央配置するボックス縦幅*/

  
}

h2{font-size: 14px;}


p.small{

font-size: 9.5px;
line-height:16px
}




p.orangeuline{text-indent: 1em;
  margin-top: 20px;
    border: solid;
  
    border-width: 0px 0px 1px 5px;
    padding: 8px;
    border-color: orange;
    font-size: 100% ;
}


h3
{
    border: solid;
    border-width: 1px 1px 1px 1px;
    padding: 5px;
    border-color: black;
    font-size: 100% ;
}

.wakua { font-weight: bold;
text-align:center;
padding-top: 9px;
padding-bottom: 3px;
width: 300px;
 height: 30px;
background-image: url("gif/greygra.gif"); 
background-repeat: repeat-x;
border-top:solid 5px green;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
}

p.red{color:red;
line-height:22px}

p.indent{text-indent:10em}



#wrapper {
  margin: -370px 0 0 -460px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 12%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 910px;  /*横幅*/
  height: 4635px;  /*縦幅*/
  background-color: white;
  border-top:solid 1px black;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
}

#header{
position:absolute;
top: -165px;
left: -60px;
width: 720px;
height: 30px;
}


.centering{
position:absolute;
top: 230px;
text-indent: 3em;
line-height: 25px;
}

p.easy{line-height:25px}
p{font-size:14px;}

p.centering {

padding-top : 100px; /*周辺の画像に合わせて余白調整*/
padding-left: 150px;
}


#fudemoji{
position:absolute;
top: -180px;
left: -210px;
width: 120px;
}


#banner { 

position:absolute;
top: -145px;
left: -60px;
width: 850px;
height: 50px;

}


#gnavi a:link { color: #666666; }
		#gnavi a:visited { color: #666666; }
		#gnavi a:hover { color: #FF0000; }
		#gnavi a:active { color: #FF0000; }
		
		#gnavi a{
			text-decoration: none;
		}
		*{
			margin:0px;
			padding:0px;
		}

		#gnavi ul{position:absolute;
                          top: 0px;
                          left: -219px;

			width:909px;
			height:45px;
			background-image:url(bg_gnavi.jpg);
			background-repeat:repeat-x;
			list-style-type:none;
			
		}
		#gnavi li{ text-align: center;

			float:left;
		}
		
		#gnavi li a{
			float:left;
			display:block;
			width:130px;
			height:35px;
			border-right:1px #E6E6FA solid;
			padding:10px 10px 0px 10px;
		}
		* html #gnavi li a{
			height:45px;
		}
		#gnavi li a:hover{
			background-image:url(bg_gnavi_on.jpg);
		}


#container {
position:absolute;
top: 350px;
left: 220px;
width: 690px;
}




#top_message{

line-height: 2em;
position:absolute;
top: 60px;
left: 60px;
width: 670px;
}


top_message > p {font-family:"MS 明朝",serif;

}


.kamekohsearch {
position:absolute;
top: 310px;
left: 160px;
width: 670px;
}


.telllogo{
position:absolute;
top: 370px;
left: 30px;
width: 670px;
}



#middlelogo {
position:absolute;
top: 460px;
left: 15px;
width: 670px;

}


#condition_menu{
position:absolute;
top: 630px;
left: 10px;
width: 670px;
}

#explain {line-height: 25px;
position:absolute;
top: 1330px;
left: 28px;
width: 670px;
}

#explain span.underline_blue {text-decoration:underline; color:blue;}
#explain span.underline_red {text-decoration:underline; color:red;}

#priceexample {
position:absolute;
top: 1570px;
left: 28px;
width: 670px;
}

#deliverypricelist {
position:absolute;
top: 1840px;
left: 28px;
width: 670px;
}


#maker {
position:absolute;
top: 2350px;
left: 40px;
width: 670px;
}


#maker img{
border-style:none;
}

#datafukkyu {
position:absolute;
top: 2545px;
left: 30px;
width: 660px;
}



#taiou {
position:absolute;
top: 3550px;
left: 45px;
width: 660px;
}



#bottom_message {
position:absolute;
top: 4070px;
left: 45px;
width: 660px;
}



#sidemenu1{ border-style:none;
  border-right:solid 1px black;
  border-left:solid 1px black;
position:absolute;
top: 45px;
left: -221px;
width: 200px;
height: 4140px;

}

#sidemenu1 img{
border-style:none;
}

#sidemenu1 p{text-align:center;
padding-top:2em;
}


.link{ border-style:none;
  border-top:solid 1px black;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
position:absolute;
overflow:scroll;
top: 970px;
left: 8px;
width: 185px;
height: 150px;

}





#footer {background-image:url("gif/backgreen.gif");
position:absolute;
top: 4190px;
left: -218px;
width: 905px;
height: 92px;
text-align:center;
line-height:30px;
}



/* A:▼テーブル全体の装飾▼ */
table.a {
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #aaaacc; /* 外枠の装飾 */
}

/* B:▼テーブル内側(セル)の装飾▼ */
table.a th,
table.a td { width:300px;
   padding: 0.3em;            /* セル内側の余白量 */
   border: 1px solid #aaaacc; /* 内枠の装飾 */
}

table.a thead th{ width:605px;
text-align: center; 
background-image:url("gif/backgreen.gif");
border-color: #008000;
 border-style: solid;}
table.a  th{ text-align: center; 
background-image:url("gif/backgrey.gif");
border-color: #008000;
 border-style: solid;
}

table.a  td{ text-align: center; 
background-image:url("gif/backgrey.");
border-color:#008000 ;
 border-style: solid;
}




/* A:▼テーブル全体の装飾▼ */
table.abc {text-align:center;
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #aaaacc; /* 外枠の装飾 */
}
/* B:▼テーブル内側(セル)の装飾▼ */
table.abc th,
table.abc td {
   padding: 0.3em;            /* セル内側の余白量 */
   border: 1px solid #aaaacc; /* 内枠の装飾 */
}

/* C:▼テーブルの見出し部分の装飾▼ */
table.abc thead th { width:605px;
text-align: center;
   background-image: url("gif/backblue.gif"); /* 背景画像 */
   background-position: bottom left; /* 背景画像の配置 */
   color: black;           /* 文字色 */
   background-color: #eeeeff; /* (念のための背景色) */
}
/* D:▼各行の見出し部分の装飾▼ */
table.abc tbody th {
    background-image: url("gif/backgrey.gif");
   color: black;            /* 文字色 */
}



/* A:▼テーブル全体の装飾▼ */
table.abcd {text-align:left;
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #aaaacc; /* 外枠の装飾 */
}
/* B:▼テーブル内側(セル)の装飾▼ */
table.abcd th,
table.abcd td {
   padding: 0.3em;            /* セル内側の余白量 */
   border: 1px solid #aaaacc; /* 内枠の装飾 */
}

/* C:▼テーブルの見出し部分の装飾▼ */
table.abcd thead th { width:605px;
text-align: center;
   background-image: url("gif/backblue.gif"); /* 背景画像 */
   background-position: bottom left; /* 背景画像の配置 */
   color: black;           /* 文字色 */
   background-color: #eeeeff; /* (念のための背景色) */
}
/* D:▼各行の見出し部分の装飾▼ */
table.abcd tbody th {text-align:left;
    background-image: url("gif/backgrey.gif");
   color: black;            /* 文字色 */
}


#sidemenu1 a:link { color: #666666; }
		#sidemenu1 a:visited { color: #666666; }
		#sidemenu1 a:hover { color: #FF0000; }
		#sidemenu1 a:active { color: #FF0000; }


 #sidemenu1 ul { margin:7px; padding:10px;}
#sidemenu1 li { margin:0px;
 background-image:url(gif/arrow-green.gif);
 background-position: top left;
padding: 0px 10px 15px 20px;
list-style:none;

}

