@charset "utf-8";

/* ================================================================

CSS Information

 File name:      style.css
 Summary:        main styles for home
 Last update:    2009-12-08

================================================================ */
/* library
-------------------- */
/* YUI[ver:2.6.0] */
@import url(/_common/css/reset-fonts.css);

/*
/* universal
-------------------- */
@import url(/_common/css/elements.css);
@import url(/_common/css/shared.css);

/* section
-------------------- */
@import url(/_common/css/section/sidebar.css);
@import url(/_common/css/section/header.css);
@import url(/_common/css/section/footer.css);


/**		body
-------------------------------------*/

body {
	color:#333;
	background:#8B5755 url(../img/bg_main.png) repeat-x;
	text-align:center;
}
/**		content
-------------------------------------*/
#content {
	width:900px;
	margin:0 auto;
	text-align:left;
	/*overflow:hidden;*/
}

#content #contentTop {
	background:url(../img/bg_box_top.png) no-repeat top center;
}


/**		contentLeft
------------------------------*/
#content #contentTop #contentLeft {
	display:inline;
	float:left;
	width:640px;
} 

#content #contentTop #contentLeft #question {
	margin:5px 0 0 0;
	text-align:right;
}

#content #contentTop #contentLeft #question li {
	display:inline;
	font-size:116%;
	line-height:1;
}
#content #contentTop #contentLeft #question li a {
	color:#fff;
}
#content #contentTop #contentLeft #question li img {
	margin-right:4px;
	vertical-align:top;
}



/**		slide3
------------------------------*/
#content #contentTop #contentLeft #slide3 {
	background:url(../img/home/slide3.png) no-repeat;
	width:640px;
	height:204px;
	color:#333;
}
#slide3 p {
	margin:14px 0 0 52px;
}
#content #contentTop #contentLeft #slide3 #slide3Midashi {
	margin:36px 0 0 52px;
}

#content #contentTop #contentLeft #slide3 ul {
	width:638px;
	margin:11px 0 0 2px;
}
li#slide3Navi1 {
	display:inline;
	width:157px;
	float:left;
}
li#slide3Navi2 {
	display:inline;
	width:157px;
	float:left;
}
li#slide3Navi3 {
	display:inline;
	width:157px;
	float:left;
}
li#slide3Navi4 {
	display:inline;
	width:157px;
	float:left;
}

/**		btmBanner
------------------------------*/
#btmBanner {
	margin:23px 0 0 2px;
}
#btmBanner #img1 {
	display:inline;
	width:315px;
	float:left;
	margin-right:8px;
}
#btmBanner #img2 {
	width:315px;
	display:inline;
	float:left;
}



/**		contentRight
------------------------------*/
#content #contentTop #contentRight {
	display:inline;
	float:right;
	width:260px;
        padding-top: 15px;
        text-align: right;
        color: #fff;
}


#content #contentTop #contentRight #imgIllust {
}

#content #contentTop #contentRight #greating {
        margin-top: 20px;
	margin-left:40px;
        text-align: left;
}

#content #contentTop #contentRight #imgProf {
	margin:37px 0 22px 63px;}

#content #contentTop #contentRight #imgBlog {
	margin-left:30px;
}



/**			h
----------------------------------------*/
h2 {
	width:640px;
	color:#fff;
	font-size:240%;
	font-weight:bold;
	padding-top:20px;
}
h2 span {
	font-size:164%;
}

/* @end */




#blogList {
    clear: both;
    padding-top: 20px;
    margin-left: 40px;
    text-align: left;
}

#blogList h2 {
    width: auto;
    padding: 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    background: #603C41;
    padding: 10px;
    color: #fff;
}

#blogList dl {
    margin: 0 0 0 5px;
}

#blogList dl dt {
    margin-top:0.5em;
}
#blogList dl dd {
    margin-left: 1em;
    font-size: 1.1em;
    font-weight: bold;
}
#blogList dl dd a {
    color: #fff;
}