/* ================ */
/*      grobal      */
/* ================ */

* {
    margin : 0 ;
    padding : 0 ;
    line-height : 1 ;
}

img {
    border : none ;
}

h1,h2,h3,h4,h5,h6 {
    font : 1em normal ;
}

hr.clear {
    clear : both ;
    height : 0 ;
    visibility : hidden ;
}

body {
	text-align : center ;
	color : #333 ;
	font-size : 80% ;
	line-height : 1.5 ;
	background-color : white ;
	font-family :
        Arial,
        Helvetica,
        "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro",
        Osaka,
        "ＭＳ Ｐゴシック",
        sans-serif;
}

#wrapper {
    width : 770px ;
    margin : 0 auto ;
    text-align : left ;
    background : url(../img/shadow.gif) repeat-y ;
    position : relative ;
}

#wrapper > * {
    margin : 0 5px ;
}

#contents {
    width : 760px ;
    margin : 0 5px ;
    padding-top : 42px ;
    background : url(../img/contents.gif) repeat-y ;
    position : relative ;
}

/******** [header] ********/
#header {
    background : orange ;
    margin : 0 5px ;
    height : 92px ;
    position : relative ;
    background : url(../img/header.jpg) no-repeat;
}

#header #logo {
    width : 100px ;
    height : 52px ;
    position : absolute ;
        left : 24px ;
        top : 4px ;
}

#header1 #h_desq {
    text-align : right ;
    line-height : 1.5 ;
    position : absolute ;
        right : 10px ;
        bottom : 10px ;
}

/******** [/header1] ********/


/******** [main] ********/

#main {
    width : 550px ;
    min-height : 500px ;
    float : right ;
    background : white ;
}

#main div.inner {
    padding : 10px 10px 10px 5px ;
}

/******** [/main] ********/



/******** [sub] ********/

#sub {
    width : 200px ;
    float : left ;
    padding-top : 10px ;
    text-align : center ;
}

#sub * {
    text-align : left ;
}

.cr-sub-img {
    margin : 0 auto ;
    width : 184px ;        /* cr-subの幅 */
    height : 32px ;
}

.sbox {
    margin : 0 auto ;
    width : 184px ;
    background : url(../img/sbox.gif) bottom ;  /* sbox下部の背景 */
    padding-bottom : 13px;
    margin-bottom : 10px ; /* sbox同士の間隔 */
}


.sbox p,
.sbox img,
.sbox div
{
    margin : 10px 10px 0;
    line-height:1.2;
}

.sbox dl {
    padding : 10px 10px 0;
}

.sbox dl dt,
.sbox dl dd
{
    border : 1px #CCC solid ;
}

.sbox dl dt {
    background : #F9EDF5 ;
    height : 20px ;
    font-size : 12px ;
    line-height : 1.67 ;
    text-indent : 5px ;
    border-bottom : none ;
}


.sbox dl dd {
    padding : 5px ;
    margin-bottom : 10px ;
}

.sbox dl dd.last-child {
    margin-bottom : 0 ;
}

ul.sul {
    list-style : none ;
    margin : 0 20px 10px ;
}

ul.sul li {
    background : url(../img/sli-om.jpg) ;
    margin-top : 2px ; /* ボタンの間隔 */
}

ul.sul li a {
    display : block ;
    width : 160px ;
    height : 32px ;
    color : #333 ;
    text-decoration : none ;
    text-indent : 14px ;
    line-height : 2.4 ;
    background : url(../img/sli.jpg) ;
}

ul.sul li a:hover {
    background : none ;
}

/******** [/sub] ********/


/******** [navi] ********/

#navi {
    position : absolute ; 
        left : 0 ;
        top : 0 ;
    width : 760px ;         /* naviボックスの幅 */
    height : 42px ;
    background : url(../img/navi.jpg) repeat-x ;     /* navi背景 */
}

#navi ul {
    list-style : none ;
    padding-top : 4px ;    /* naviボックス下部余白 */
}

#navi ul li {
    width :143px ;
    height : 34px ;
    margin-left : 7px ;
    text-align : center ;
    float : left ;
}

#navi ul li.first-child {
    margin-left : 8px ;
} 

#navi ul li a {
    display : block ;
    width : inherit ;           /* ボタンの幅 */
    height : inherit ;           /* ボタンの高さ */
}

#navi1 a:hover {
    background : white ;      /* オンマウス時ボタン背景 */
    color : red ;             /* オンマウス時テキストカラー */
}

/******** [/navi] ********/



/******** [footer] ********/

#footer {
    border-top : 2px #E695BF solid ;
    background  : #FFF ;
    text-align : center ;
    height : 70px ;
    clear : both ;
}

#footer a{
        text-decoration:none;
        color:#333;
        }

#footer ul {
    margin-bottom : 10px ;
    background : #E089BD ;
    list-style : none ;
}

#footer ul li {
    display : inline ;
    padding : 0 10px ;
    border-left : 1px #FFF solid ;
    font-size : 11px ;
    line-height : 2 ;
}

#footer ul li.first-child {
    border : none ;
}

#footer ul li a {
    text-decoration : none ;
    color : #FFF ;
}

#footer ul li a:hover {
    text-decoration : underline ;
}

/******** [/footer] ********/