@charset "utf-8";
/* CSS Document */


body{
    font-size:100%;
    color:#333333;
    padding:0;
    margin:0;
    text-align:center;
}

#wrap{
font-size:70%;
width:738px;
text-align:left;
margin:0 auto;
}

a:link,a:visited {
color:#426F75;
text-decoration:underline;
}

a:hover{
color:#FF0066;
text-decoration:none;
}

a:active {
color:#FF1100;
text-decoration:none;
}


/*------------------------------------------------------------------
 head
------------------------------------------------------------------*/

/* Channel header---------------------- */

#headerLine {
padding-right:20px;
padding-left:20px;
border-top:4px solid #000;
}

.header{
font-size:12px;
width: 100%; }

.header img {
margin-top: 5px;
padding-bottom: 2em;
float: left;
}

.headerLogo {
background-color: #fff;
float: left;
height:36px;

/* \*//*/

width: 380px; 

/**/ 

 }/* MacIE用に適当に幅を指定 */


.disc{
padding-top: 1.8em;
padding-right: 5px;
padding-left: 4px;
float: left;
}

/* 標準モードで必要ie以外---------------------- */

/* macieには適用されない \*/

html>body div.headerNavi{
line-height: 140%;
text-align: right;
padding-top: 4px;
padding-bottom: 1px;
width: auto;}

/* これ以降macieに適用 */

/* ie---------------------- */

* html .headerNavi{
line-height: 140%;
text-align: right;
padding-top: 4px;
padding-bottom:1px;
float: right;
}

.headerNavi a {
font-weight: bold;
}

.headerPR{
text-align: right;
margin-top: 3px;
padding-top: 4px;
height: 2px;
border-top: 1px solid #ccc;}

.headerPR a {
font-weight: normal;
}



/*------------------------------------------------------------------
title
------------------------------------------------------------------*/

#title{
margin:50px 0 30px;
_margin:15px 0 30px;
}

#title h1{
background-image:url(http://md.exblog.jp/img/start/textImg_title.gif);
height:85px;
width:414px;
font-size:0;
color:#FFFFFF;
line-height:0;
margin:0 0 10px;
}

#titleTextIMG {
float:left;
width:460px;
}


#headButton {
width:264px;
float:right;
}

#headButton img {
margin-bottom:10px;
}

.attention{ 
font-size:10px;
color:#0066FF;
}

/*------------------------------------------------------------------
contents
------------------------------------------------------------------*/

.contents{
margin:30px 0;
}

.contentsTitle{
margin:0 0 10px 0;
}

.contentsTitle h2{
color:#FFFFFF;
font-size:0;
line-height:0;
width:738px;
height:27px;
}

.contentsTitle h2.bar1{ background:url(http://md.exblog.jp/img/start/bar_01.gif) no-repeat; background-position:center;}
.contentsTitle h2.bar2{ background:url(http://md.exblog.jp/img/start/bar_02.gif) no-repeat; background-position:center;}
.contentsTitle h2.bar3{ background:url(http://md.exblog.jp/img/start/bar_03.gif) no-repeat; background-position:center;}
.contentsTitle h2.bar4{ background:url(http://md.exblog.jp/img/start/bar_04.gif) no-repeat; background-position:center;}
.contentsTitle h2.bar5{ background:url(http://md.exblog.jp/img/start/bar_05.gif) no-repeat; background-position:center;}


#functionBox {
background:URL(http://md.exblog.jp/img/start/icon_back.gif) no-repeat;
background-position:center top;
height:234px;
padding:27px 30px 0;}

.function{
width:320px;
margin:0 0 5px;}

.function img {
float:left;
margin-right:10px;
}

.function p:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.function p {
display:
inline-block;
}

/* exlude MacIE5 \*/
* html .function p { height: 1% }
.function p {display:block;}
/* end MacIE5 */

#functionLeft{
width:320px;
margin-right:10px;
float:left;}

#functionRight{
width:320px;
float:right;}

#lifeStyle { _width:752px; text-align:center;}

#lifeStyle p {
color:#FFFFFF;
width:200px;
margin:150px 25px 0;
text-align:left;
}

#lifeStyle1 {
background:url(http://md.exblog.jp/img/start/life_01.gif) no-repeat;
background-position:center;
float:left;
width:243px;
height:198px;
margin:0;
}

#lifeStyle2 {
background:url(http://md.exblog.jp/img/start/life_02.gif) no-repeat;
background-position:center;
float:left;
width:252px;
height:198px;
margin:0;
}

#lifeStyle3 {
background:url(http://md.exblog.jp/img/start/life_03.gif) no-repeat;
background-position:center;
float:right;
width:243px;
height:198px;
margin:0;
}

.blogerSumb{
width:70px;
text-align:center;
margin:0 2px;
float:left;
}

.blogerSumb p {
font-size:10px;
line-height:12px;
}

#picupImg{
margin-right:10px;
float:left;
}

#picupBloger table{
margin-top:5px;
}

#picupBloger p,table{
margin:0 7px;
}

#picupBloger td{
padding:2px 20px 2px 2px;
}

.moreButton{
float:right;
margin:10px 10px 0 0;}

#footerButton{ 
width:738px;
text-align:center;
margin:50px 0 0 0;
}




/*------------------------------------------------------------------
 footer
------------------------------------------------------------------*/

#foot{
    clear:both;
    width:920px;
    margin:0 auto 0 auto;
    color:#666666;
    font-size:84%;
    padding:40px 0 20px 0;
}