@charset "utf-8"; 

@import "about.css";
/* ===================================================================
CSS information

 file name  :about_index.css
 author     :T.Nagata
 style info :デザイングラフィックとは？
 
=================================================================== */
div#main {
    width:740px;
    background-color:#74c5fa;
    margin:0;
    padding:10px;
}

div#main h2 {
    margin:10px 0 5px;
}

div#main div#box {
    background:url(../images/aboutindex/about_box_bg_bottom.gif) no-repeat left bottom;
	zoom:1;
}

div#main div#box #box_inner {
    background:url(../images/aboutindex/about_box_bg_top.gif) no-repeat left top;
    padding:50px 10px 25px;
}

div#main div#box #box_inner h3 {
    text-align:center;
    margin-bottom:10px;
    height:35px;
}

div#main div#box #box_inner #list {
    width:672px;
    margin: 0 auto;
}

div#main div#box #box_inner #list ul {
}

div#main div#box #box_inner #list ul li {
    float:left;
    display:inline;
}

div#main div#box #box_inner #list ul li#list01,
div#main div#box #box_inner #list ul li#list03 {
    width:220px;
}

div#main div#box #box_inner #list ul li#list02 {
    width:232px;
}

div#main div#box #box_inner #list ul li dl {
}

div#main div#box #box_inner #list ul li dl dt,
div#main div#box #box_inner #list ul li dl dd {
    display:block;
    text-indent:0;
    margin:0;
}

div#main div#box #box_inner #list ul li dl dt {
    height:281px;
    margin-bottom:0;
}

div#main div#box #box_inner #list ul li dl dd {
    background-repeat:no-repeat;
    background-position:left bottom;
    padding:5px 20px 10px;
    font-size:12px;
    line-height:1.6em;
    margin-bottom:35px;
}

div#main div#box #box_inner #list ul li#list01 dl dd {
    background-image:url(../images/aboutindex/about_merit01_bottom.gif);
}

div#main div#box #box_inner #list ul li#list02 dl dd {
    background-image:url(../images/aboutindex/about_merit02_bottom.gif);
}

div#main div#box #box_inner #list ul li#list03 dl dd {
    background-image:url(../images/aboutindex/about_merit03_bottom.gif);
}

div#main div#box #box_inner h3#sub02 {
    clear:both;
}

div#main div#box #box_inner p.explanation {
    width:380px;
    margin:0 auto;
    padding:5px 210px 5px 0;
    background:url(../images/aboutindex/about_illust01.gif) no-repeat right bottom;
    height:115px;
    font-size:13px;
    line-height:1.8em;
}

div#main div#box #box_inner #btnarea {
    text-align:center;
    margin-bottom:20px;
}

div#main div#box #box_inner #topagetop {
    text-align:right;
    background:url(../images/aboutindex/topagetop_bg.gif) no-repeat right center;
}

div#main div#box #box_inner #topagetop p {
    padding-right:20px;
}

div#main div#box #box_inner #topagetop p a:link {
    color:#666;
}