/*******************************************/
/*******************************************/
/********* note computer *******************/
/*******************************************/


html {
 width:100%;
}


body { 
color:#333333;
 }

img{ border:0pt; }



a:hover {color:#ff0000; 
		text-decoration:underline;}



h2 {
         font-size:16pt;
         font-weight:bold;
         color:#E12B49;
	 font-family:sans-serif;
         margin:30px 0px;
}


/****** ヘッド ******/


	#title {  
                position:absolute;
                top:0px; left:0px;
		width:250px;
		font-size:14pt;
		}


	#head_comment {
                
	        position:absolute;
                top:30px; left:260px;
		vertical-align: middle;
		margin:10px 50px;
		height:105px;
		width:448px;
		font-size:9pt;
		line-height:18px;
			}

/****** レフト ******/
#left{
        position:absolute;
        top:140px; left:0px;
        width:330px;
        background-color:#FFFFFF;
        
  
	}


	
/****** main_pc *******/
#main{
    position:absolute;
    top:100px;
    left:335px;
    background-color:#FFFFFF;
    width:550px;
    font-size:10pt;
    text-indent:10px;
    padding:20px;
    line-height:15px;
    text-align:left;
}


.caption {
	background-color:#FFFFFF;
	border-style:solid;
         border-color:#E12B49;
	border-width:0px 0px 1px 7px;
         color:#E12B49;
         font-family:arial;
         font-size:13pt;
         font-weight:bold;
         margin:20px 0px;
         padding:5px;
         line-height:20px;
	}


li{
      padding-left: 8px;
      background: url('red_yajirushi.GIF') no-repeat 1px 0.2em;
      list-style: none;
}
 

/* .menu_pc */
.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:2px 1px;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 310px;/*親メニューの幅*/
  height:20px;/*親メニューの高さ*/
  line-height: 20px;
  background:#EEE;/*親メニューの背景色*/
  color: #000;/*親メニューの文字色*/
  text-align:center;
  font-weight:normal;
}
.menu ul li a {
  color: #000;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#777;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
 
}



/*** right_pc ***/
#right {
	position:absolute;
        background-color:#FFFFFF;
	top:170px;
	left:930px;
	width:300px
       }

	#searchbox {
		
		vertical-align: middle;
		margin:10px 50px;
		height:105px;
		width:448px;
		font-size:12px;
		line-height:20px;
			}

#address{
	font-style:normal;
    border-color:#FF99F4;
    border-width:1px;
    border-style:solid;
    padding:0.3em 1em;

}

/************************************************/
/************************************************/
/************************************************/
/************************************************/
/**** smart ******************************/
@media only screen and (max-width: 1000px) {

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
 width:100%
}

img {
   width:100%;
}




/****** ヘッドsmart ******/


	#title {
                position:absolute;
                top:0; left:0;
		vertical-align: middle;
		
                width:300px;
              font-size:14pt;
		}


	#head_comment {
                
               	position:absolute;
                top:125px; left:0;
		margin:2px 2px;
		height:80px;
		font-size:10pt;
		
                width:100%;
			}


/****** レフトsmart ******/
#left{ 
      position:absolute;
	    top:220px; left:0px;
     height:1600px; width:100%;
   
	}


	
/****** main_smart1000 *******/
#main{
    position:absolute;
    top:1800px;
    left:0px;
    background-color:#FFFFFF;
    width:100%;
    font-size:20px;
    text-indent:10px;
    padding:1px;
    line-height:22px;
}





.caption{
	background-color:#FFFFFF;
	border-style:solid;
         border-color:#E12B49;
	border-width:0px 0px 1px 7px;
         color:#E12B49;
         font-family:arial;
         font-size:18px;
         font-weight:bold;
         margin:20px 0px;
         padding:5px;
         line-height:20px;
         width:95%;
	}


li{ 
      padding-left: 12px;
      background: url('red_yajirushi.GIF') no-repeat 3px 0.2em;
      list-style: none;
}

/****** menu_smart1000 *******/ 
.menu ul li { 
  list-style: none;
  margin:1px 1px;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 46%;/*親メニューの幅*/
  height: 30px;/*親メニューの高さ*/
  line-height: 15px;
  background:#EEE;/*親メニューの背景色*/
  color: #000;/*親メニューの文字色*/
  text-align:center;
  font-weight:normal;
}

/*** right ***/
#right { 
	display:none;
       
       }

#searchbox {  
	
		vertical-align: middle;
		margin:1px 5px;
		height:105px;
		font-size:10pt;
		line-height:20px;
                 width:100%;
			}

#address{ 
	font-style:normal;
    border-color:#FF99F4;
    border-width:1px;
    border-style:solid;
    padding:0.3em 1em;
    width:100%;
}


}


/*************/
/****************************/
/**********************************************/
/************************************************/
/*********** smart320 ***********************/

@media only screen and (max-width: 320px) {



/****** メインsmart320 *******/
#main{
    position:absolute;
    top:1800px;
    left:0px;
    background-color:#FFFFFF;
 
    width:100%;
    font-size:20px;
    text-indent:3px;
    padding:2px;
	line-height:22px;
}



}