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

/* スタイルシート-基本要素★★★★★★★★★★★★★★★★★★★★ */

body {
    color: #ffffff;
    font-size: 12px;
    padding: 0;
    background: url("../images/bodybg.gif") repeat ;
    margin: 0 ;
    font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
    line-height: 1.4;
}

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

a:link     { color: #fff; text-decoration:underline ; }    /* 未訪のリンク */
a:visited { color: #fff; text-decoration:underline ; }   /* 訪問済みのリンク */
a:hover  { color: #66ffff; text-decoration:none ; } /* カーソルが上に乗っているリンク */
a:active  { color: #ccc; text-decoration:none ; }   /* アクティブ中のリンク */

a img { border: 0; }

ul {
    margin : 0 ;
    padding : 0 ;
    list-style : none ;
}

li {
    margin : 0 ;
    padding : 0 ;
    list-style : none ;
}

p {
    margin : 0 0 10px 0 ;
    padding : 0 ;
}

h1 {
    margin : 0 ;
    padding : 0 ;
}

h2 {
    margin : 0 ;
    padding : 0 ;
	font-weight: normal;
}

h3 {
    margin : 0 ;
    padding : 0 ;
}

h4 {
    margin : 0 ;
    padding : 0 ;
}

strong {
    margin: 0 ;
    padding: 0 ;
}

form {
    margin: 0 ;
    padding: 0 ;
}

input:focus{
    background-color:#fff5f5;
}

textarea{
    font-size: 12px ;
}

textarea:focus{
    background-color:#fff5f5;
}

.under-clear {
    padding: 0 ;
    margin: 0 ;
    clear:both;
}


.blackline {
	width: 100%;
	border-bottom: 1px solid #000;
	padding: 0px;
	margin: 0px;
}

/* フォント★★★★★★★★★★★★★★★★★★★★ */
.font-red {
   color: #ff6666 ;
}
.font-green {
   color: #456775 ;
}
.font-blue {
   color: #004c72 ;
}
.font-11 {
   font-size:11px;
}
.font-13 {
   font-size: 13px;
}
.font-13b {
   font-size: 13px;
   font-weight: bold;
}

.font-14 {
   font-size: 14px;
}

/* 点線★★★★★★★★★★★★★★★★★★★★ */
.dot {
    background-image: url(../images/r-dot01.gif) ;
    background-repeat: x-repeat ;
    height: 1px ;
    margin: 5px 0 ;
}

.dot01 {
    background-image: url(../images/r-dot01.gif) ;
    background-repeat: x-repeat ;
    height: 1px ;
    margin: 5px 0 ;
	clear:both;
}

.dotwhite {
    background-image: url(../images/r-dot02.gif) ;
    background-repeat: x-repeat ;
    height: 1px ;
    margin: 5px 0 ;
}


/* スペース★★★★★★★★★★★★★★★★★★★★ */

/* margin★★★★★★★★★★★★★★★★★★★★ */

.mb25px {
    margin-bottom: 25px ;
}

.mb20px {
    margin-bottom: 20px ;
}

.mb15px {
    margin-bottom: 15px ;
}

.mb10px {
    margin-bottom: 10px ;
}

.mb5px {
    margin-bottom: 5px ;
}

.mb3px {
    margin-bottom: 3px ;
}

.mb1px {
    margin-bottom: 1px ;
}

.mr10px {
    margin-right: 10px ;
}

/* padding★★★★★★★★★★★★★★★★★★★★ */

.pb40px {
    padding-bottom: 40px ;
}

.pb30px {
    padding-bottom: 30px ;
}

.pb25px {
    padding-bottom: 25px ;
}

.pb15px {
    padding-bottom: 15px ;
}

.pb10px {
    padding-bottom: 10px ;
}

.pb20px {
    padding-bottom: 20px ;
}

.pb25px {
    padding-bottom: 25px ;
}

.pb5px {
    padding-bottom: 5px ;
}

.pb3px {
    padding-bottom: 3px ;
}

.pb2px {
    padding-bottom: 2px ;
}



/* レイアウト★★★★★★★★★★★★★★★★★★★★ */
#wrapper {
    width: 900px;
    margin: 0px auto;
    background: url("../images/contentsbg.gif") repeat ;
}

#maincontents {
    width: 680px;
    float: left;
}

#sideblog {
    width: 190px;
    float: right;
    padding-right: 15px;
    margin-left: 15px;
    margin-top: 8px;
}

#header {
    background-color: #f1507d;
    padding:5px;
    height: 30px;
    width: 670px;
}

#header ul {
    width: 670px;
    height: 30px;
}
#header li {
    float: left ;
}

/* メニュー｜タイトル */
.menu-title {
    width : 450px ;
    height : 30px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}


/* メニュー｜メール */
.menu-mail {
    width : 104px ;
    height : 30px ;
    overflow: hidden;
    margin-left:5px;
    border: 0;
    padding: 0;
}

.menu-mail img{
    visibility: hidden;
}

.menu-mail a {
    background: url("../images/header-btmail.gif") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.menu-mail a:hover {
    background: url("../images/header-btmail.gif") no-repeat ;
    background-position: 0px -30px;
}

/* メニュー｜リンク */
.menu-link {
    width : 104px ;
    height : 30px ;
    overflow: hidden;
    margin-left:5px;
    border: 0;
    padding: 0;
}

.menu-link img{
    visibility: hidden;
}

.menu-link a {
    background: url("../images/header-btlink.gif") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.menu-link a:hover {
    background: url("../images/header-btlink.gif") no-repeat ;
    background-position: 0px -30px;
}

/* メニュー｜Works */
.menu-works {
    width : 104px ;
    height : 30px ;
    overflow: hidden;
    margin-left:5px;
    border: 0;
    padding: 0;
}

.menu-works img{
    visibility: hidden;
}

.menu-works a {
    background: url("../images/btworks01.gif") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.menu-works a:hover {
    background: url("../images/btworks01.gif") no-repeat ;
    background-position: 0px -30px;
}


#contents-left{
    width: 300px;
    float: left;
    margin-right: 20px;
    padding: 0px;
}
#contents-right{
    width: 360px;
    float: right;
    padding: 0px;
}

#contents-works {
    width: 270px;
    height: 90px;
    background: url("../images/worksbg.png") no-repeat ;
    margin:0px;
    padding:0px 15px;
}

#contents-news {
    padding-left: 15px;
    margin:15px 0px 30px 0px;
    width: 285px;
}

.news-update {
    width: 255px ;
    height: 130px ;
    padding: 10px;
    border-left:10px solid #f1507d;
    background: url("../images/newsupdatebg.gif") repeat ;
    overflow: auto ;
}

#contents-profile {
    padding-left: 15px;
    margin: 0;
    width: 285px;
}

.profiletxt {
    width: 253px;
    border: 1px solid #fff;
    padding: 200px 15px 15px 15px;
    background: url("../images/profile-mayuu.jpg") no-repeat ;
    background-position: 0px 0px;
    margin-bottom: 10px;
}

.profile-pagetop {
    width: 176px;
    padding-top:12px;
    float: left;
}

.profile-pagetop a {
    background: url("../images/pagetoparrow.gif") no-repeat ;
    background-position: 0px 0px;
    padding-left: 20px;
    height: 17px;
    width: 85px;
    display: block;
}

.profile-pagetop a:link     { color: #fff; text-decoration:underline ; }    /* 未訪のリンク */
.profile-pagetop a:visited { color: #fff; text-decoration:underline ; }   /* 訪問済みのリンク */
.profile-pagetop a:hover  { color: #ccc; text-decoration:none ; } /* カーソルが上に乗っているリンク */
.profile-pagetop a:active  { color: #ccc; text-decoration:none ; }   /* アクティブ中のリンク */


#contents-appeal-top {
    width: 360px;
    height: 100px;
    background: url("../images/appealbg-top.png") no-repeat ;
    background-position: 0px 0px;
    margin: 0px;
    padding: 0px;
}
#contents-appeal-mid {
    width: 310px;
    background: url("../images/appealbg-mid.png") ;
    background-position: 0px 0px;
    margin: 0px;
    padding: 0px 30px 0px 20px;
    color: #794733;
    font-size:11px;
}
#contents-appeal-btm {
    width: 360px;
    height: 18px;
    background: url("../images/appealbg-btm.png") no-repeat ;
    background-position: 0px 0px;
    margin: 0px;
    padding: 0px;
}

/* アピ｜メール */
.app-mail {
    width : 307px ;
    height : 40px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.app-mail img{
    visibility: hidden;
}

.app-mail a {
    background: url("../images/app-mailbt.gif") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.app-mail a:hover {
    background: url("../images/app-mailbt.gif") no-repeat ;
    background-position: 0px -40px;
}



.blog-title {
    width:180px;
    padding: 2px 0px 2px 10px;
    background-color: #c8c4b2;
    color: #794733;
}
.blog-body {
    width: 180px;
    padding:5px;
    margin-top: 5px;
    background-color: #fff;
    color: #575757;
    font-size:11px;
}
.blog-date {
    font-size: 11px;
    color: #f1507d;
}


#footer {
    width:900px;
     background: url("../images/footerbg.png");
}
.footinfo{
    width:870px;
    padding:10px 15px;
}
.foot-midashi {
    padding: 1px 0px 1px 10px;
    margin-bottom:10px;
    background-color: #85cfc4;
    color: #794733;
    font-weight:bold;
}

.link-title {
    width:140px;
    float:left;
}
.link-descr{
    width:730px;
    float:right;
}

.footwave {
    width:870px;
    height:60px;
    padding: 50px 15px 0px 15px;
    background: url("../images/footwave.png") no-repeat;
}