@import "http://";

/*----------  ホームページを小粋に　インラインフレーム ---------*/


/*----------  インラインフレーム 設定---------*/

.table_01 {
width:100%;
margin:5px 0px 20px 0px;
border-collapse:collapse;
border:1px solid #ccc;
}

.table_01 th {
padding: 5px 8px;
font-size:13px;
text-align:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
background: url(th.gif) repeat-x #f3f3f3;
width: 30%;
color: #666;
}


.table_01 td {
padding: 5px 8px;
font-size:13px;
text-align:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}




/*----------  インラインフレーム 設定---------*/


.table_02 {
width:330px;
margin:0px 0px 20px 0px;
border-collapse:collapse;
border-bottom:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #666;
}


.table_02 td {
width:330px;
text-align:left;
}


/*----------  インラインフレーム 表示切り替えサンプルメニュ---------*/


#smpl ul{
margin: 0; 
padding: 0; 
list-style: none;
}



#smpl li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}



#smpl li a{
display: block;

border: 1px solid #666;

background-color : #752323;

padding: 3px;

text-decoration: none;

color: #fff;

width: 110px;

margin-right: 1px;

text-align: center;

font-size: 14px;
}


#smpl li a:hover{
background-color : #c17474;
}


#smpl li.last a{width: 112px;}

















.table_03 {
width:330px;
margin:5px 0px 0px 0px;
border-collapse:collapse;
border:1px solid #666;
}


.td3 {
width:110px;
padding: 5px 8px;
font-size:13px;
text-align:center;
}