#outline {
    width : 750px ;
    text-align : left ;
    background-color: #ffffff;
    border : solid 0px #000000 ;
}

body{
    margin:0px;
    padding:0px;
    font-size:x-small;/*文字の大きさ：普通*/
    font-family: Verdana, MS UI Gothic;
    color:#663300;
    line-height: 150%;
    background-image : url(img/kcheck-o.gif);/*■全体の背景色*/
    background-color: #ffe6b3;
    text-align:center;

    scrollbar-face-color: #fff3f4;
    scrollbar-highlight-color: #c888a2; 
    scrollbar-shadow-color: #c888a2;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #c888a2;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
}

    a:link {color:#3366ff;}/*テキストリンクの色*/
    a:visited {color:#3366ff;}/*訪問済みのリンクの色*/ 
    a:active {color:#ffcccc;}/*クリック時のリンクの色*/
    a:hover {color:#ff0066;/*マウスの上にカーソルがあるときのリンクの色*/
    background-color:#ffcccc;
    position:relative;
    top:1px;
    left:1px;}

.header {
    background : #ffecec ;
    text-align : center ;
    width : 750px ;
    height:  70px;
}

.menu1 {
    background : #f3c4c4 ;
    text-align : center ;
    width : 750px ;
    height:  10px;
}

.pan {
    background : #f3c4c4 ;
    text-align : center ;
    width : 750px ;
    height:  10px;
}

.main {
    text-align: center;
    width : 500px ;
    height:  600px;
    background : #ffffff ;
    float : left ;
}
.side {
    width : 220px ;
    height:  600px;
    background : #ffffff ;
    float : right ;
}

.footer {
    background : #ffecec ;
    text-align : center ;
    width : 750px ;
    height:  20px;
}

.copy {
    font-size: small;
    line-height: 120%;
    color: #663300;
    margin: 0px;
    padding: 3px;
    text-align: center;

}

.margin {
    margin : 10px ;
}

.c-both {
    clear : both ;
}

.kaijyo{
   clear:left;
}

.box01{
    float: left;
    background-color: #ffffff;
    width: 500px;
    height:  80px;
    margin:0px 0px 0px 0px;
    padding: 2px;
}

.box1{
    float: left;
    border: dashed #ffecec 1px;
    width: 244px;
    height:  62px;
    margin:2px 0px 0px 0px;
    padding: 2px;
}

.box2{
    float: left;
    border: dashed #ffecec 1px;
    width: 490px;
    height:  62px;
    margin:2px 0px 0px 0px;
    padding: 2px;
}

.box3{
    float: left;
    background-color: #ffffff;
    width: 146px;
    height:  110px;
    margin:0px 0px 0px 0px;
    padding: 2px;
}

.box4{
    text-align: left;
    float: left;
    background-color: #ffffff;
    border: dashed #FF9999 0px;
    width: 354px;
    height:  110px;
    margin:0px 0px 0px 0px;
    padding: 15px 2px 2px 10px;
}

.box5{
    float: left;
    background-color: #ffffff;
    border: dashed #FF9999 1px;
    width: 120px;
    height:  90px;
    margin:1px 2px 1px 2px;
    padding: 2px;
}

.box6{
    float: left;
    background-color: #ffffff;
    border: dashed #FF9999 0px;
    width: 120px;
    height:  50px;
    margin:1px 2px 1px 2px;
    padding: 2px;
}

.box7{
    float: left;
    background-color: #ffffff;
    border: dashed #FF9999 1px;
    width: 95px;
    height:  90px;
    margin:1px 2px 1px 2px;
    padding: 2px;
}

.box8{
    float: left;
    background-color: #ffffff;
    border: dashed #FF9999 0px;
    width: 95px;
    height:  50px;
    margin:1px 2px 1px 2px;
    padding: 2px;
}

.box9{
    float: left;
    background-color: #ffffff;
    border: dashed #FF9999 1px;
    width: 242px;
    height:  111px;
    margin:1px 2px 1px 2px;
    padding: 2px;
}

.box10{
    float: left;
    background-color: #ffffff;
    border: dashed #FF9999 0px;
    width: 242px;
    height:  50px;
    margin:1px 2px 1px 2px;
    padding: 2px;
}

.box11{
    float: left;
    background-color: #ffffff;
    border: dashed #FF9999 1px;
    width: 95px;
    height:  55px;
    margin:1px 2px 1px 2px;
    padding: 2px;
}

.box12{
    float: left;
    text-align : left ;
    background-color: #fff7f0;
    border: dashed #FF9999 0px;
    width: 250px;
    height:  194px;
    margin:0px;
    padding: 0px;
}

.box13{
    float: left;
    text-align : left ;
    font-size:xx-small;/*文字の大きさ*/
    background-color: #ffffff;
    width: 500px;
    height:  20px;
    margin:0px 0px 0px 0px;
    padding: 2px;
}

.box14{
    float: left;
    text-align : center ;
    font-size:xx-small;/*文字の大きさ*/
    background-color: #ffffff;
    border: dashed #FF9999 1px;
    width: 161px;
    height:  100px;
    margin:1px 2px 1px 2px;
    padding: 2px;
}

.titlename1{ 
    font:bold 400% "Times New Roman",serif; color:#663300; 
    text-align:center; 
}

.title{
    width : 100% ;
    font-size:small;/*文字の大きさ*/
    line-height :  ;  /*行の高さを指示する時に数値を記述*/
    padding-left : 5px ;
    margin: 0 0 0 0 ;  /*上下に余白を作る場合１番目（上）３番目（下）の０ｐｘに数値を記述*/
    background : #ffecec ;

}

h1{
   background-color:orange;
   font-size:x-small;/*文字の大きさ*/
   font-weight: normal;
   width : 750px ;
   margin:0px;/*余白無し*/
}

h2{
   text-align:center;/*文字を中央に寄せる*/
   font-size:medium;/*文字の大きさ*/
   color:#663300;/*文字色*/
   margin:0px;/*余白無し*/
}

h3{
   text-align:left;/*文字を中央に寄せる*/
   font-size:small;/*文字の大きさ*/
   color:#663300;/*文字色*/
   margin:0px;/*余白無し*/
}

h4{
   text-align:center;/*文字を中央に寄せる*/
   font-size:xx-small;/*文字の大きさ*/
   color:#663300;/*文字色*/
   margin:0px;/*余白無し*/
}

.icon1{
    BACKGROUND-IMAGE: url("img/arrow01_p.gif");
    BACKGROUND-REPEAT: no-repeat;
    PADDING-LEFT: 15px;
    BACKGROUND-POSITION: 3px 3px;
}

.icon2{
    BACKGROUND-IMAGE: url("img/ic113.gif");
    BACKGROUND-REPEAT: no-repeat;
    PADDING-LEFT: 15px;
    BACKGROUND-POSITION: 3px 3px;
}

.icon3{
    BACKGROUND-IMAGE: url("img/inewhred.gif");
    BACKGROUND-REPEAT: no-repeat;
    PADDING-bottom: 0px;
    BACKGROUND-POSITION: bottom;
}

.icon4{
    BACKGROUND-IMAGE: url("img/nw007.gif");
    BACKGROUND-REPEAT: no-repeat;
    PADDING-LEFT: 15px;
    BACKGROUND-POSITION: 3px 3px;
}

.icon5{
    BACKGROUND-IMAGE: url("img/is_upred_as.gif");
    BACKGROUND-REPEAT: no-repeat;
    PADDING-LEFT: 15px;
    BACKGROUND-POSITION: right;
}

.case2 { 
    layout-grid-line:0.1em;
    layout-grid-mode:line;
}