@charset "Shift_JIS";

/*
y1zheaderArea
y2znaviArea
y3zcontentsArea
y4zfooterArea
y5zpathArea
y6zmainArea
*/

* {
margin:0;
padding:0;
}

form {
margin:0;
padding:0;
}

body {
color:#333333;
background-color:#D8D8D8;
font-size:80%;
line-height:1.4em;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}


#container {
width:800px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/bg.gif);
background-repeat:repeat-y;
}

#contentsArea p {
margin-bottom:20px;
}

#contentsArea p.leadArea {
margin-bottom:13px;
}

img {
border:none;
}

a:link{
color:#0066CC;
text-decoration:none;
}

a:visited{
/*color:#537CA6;*/
color:#5CA1E5;
text-decoration:none;
}

a:hover{
color:#00A8E5;
text-decoration:underline;
}

a:active{
color:#00A8E5;
text-decoration:underline;
}

.clear:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
.clear{ display:inline-table; }
/* \*/
* html .clear{ height:1%; }
.clear{ display:block; }
/* */

.center {
text-align:center;
}

strong {
font-weight:normal;
color:#FF0000;
}



/* link style  -----*/
.linkArea {
width:553px;
text-align:right;
clear:both;
}

a.arwL {
background:url(../img/common/arw02.gif) 0 0.4em no-repeat;
padding:5px 0 5px 16px;
font-size:85%;
}

a.arwLtop {
background:url(../img/common/arw02-top.gif) 0 0.4em no-repeat;
padding:5px 0 5px 16px;
font-size:85%;
}

a.arwS {
background:url(../img/common/arw01.gif) 0 0.4em no-repeat;
padding:1px 0 0 10px;
}

a.arw03 {
background:url(../img/common/arw03.gif) 0 0.4em no-repeat;
padding:5px 0 5px 16px;
font-weight:bold;
}

a.btnNext {
background:url(../img/common/btn-next.gif) right 0.4em no-repeat;
padding:6px 45px 6px 0;
font-size:85%;
}

a.btnPrev {
background:url(../img/common/btn-prev.gif) 0 0.4em no-repeat;
padding:6px 0 6px 45px;
font-size:85%;
}

.pagetop {
width:553px;
text-align:right;
clear:both;
}

#contentsArea p.pagetop {
clear:both;
width:553px;
margin-top:25px;
margin-bottom:0;
text-align:right;
}

#contentsArea p.pagetop02 {
clear:both;
width:553px;
background:url(../img/common/dotline-x.gif) 0 bottom repeat-x;
padding-bottom:10px;
text-align:right;
}


.leftArea {
float:left;
}

.rightArea {
float:right;
}

.small {
font-size:85%;
font-weight:normal;
line-height:1.5em;
}



/* arwList -----*/
ul.arwList {
list-style:none;
}

ul.arwList li {
background:url(../img/common/arw01.gif) 0 0.6em no-repeat;
float:left;
padding:3px 10px;
margin:0;
font-size:85%;
line-height:1.3em;
white-space:nowrap;
}

ul.arwList li.active {
background:url(../img/common/arw01_a.gif) 0 0.6em no-repeat;
}

.arwList:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
.arwList{ display:inline-table; }
/* \*/
* html .arwList{ height:1%; }
.arwList{ display:block; }
/* */




/*==========y1zheaderArea ==========*/

#header{
margin-bottom:3px;
margin-left:10px;
width:780px;
background:url("../blog/img/header_bg.gif") no-repeat right 1px;
border-top:1px solid #9AC23B;
position:relative;
}

#header #ciLogo{
margin-top:-1px;
}

#header .homeBtn{
position:absolute;
top:1px;
right:0;
}


/*==========y2znaviArea ==========*/

#naviArea{
width:192px;
clear:both;
float:left;
margin-top:12px;
margin-bottom:25px;
}

#naviArea ul,
#naviArea dl,
#naviArea p{
width:170px;
margin-left:22px;
margin-bottom:0;
}

#naviArea ul{
list-style:none;
}

#naviArea ul ul{
margin-left:0px;
}


#naviArea ul#naviProfile{
margin-bottom:10px;
}


#naviArea ul li{
list-style:none;
}

#naviArea ul li img{
vertical-align:bottom;
}



#naviArea dl#naviBlogCts{
margin-bottom:20px;
width:170px;
background-image:url(/blog/img/nav-bg.gif);
background-repeat:repeat-y;
background-position:left top;
}

#naviArea dl#naviBlogCts dt{
background-image:url(/blog/img/nav-sttl-bg.gif);
background-position:left bottom;
background-repeat:repeat-y;
padding:5px 10px 5px 8px;
font-size:110%;
font-weight:bold;
}

#naviArea dl#naviBlogCts dt span{
background-image:url(/img/common/arw02.gif);
background-repeat:no-repeat;
background-position:left 1px;
padding-left:15px;
color:#0050A1;
}

#naviArea dl#naviBlogCts ul{
margin-left:0px;
}

#naviArea dl#naviBlogCts ul li{
border-bottom:1px solid #C1C1C1;
padding:3px 20px 2px 20px;
background-image:url(/blog/img/arw.gif);
background-repeat:no-repeat;
background-position:11px 0.7em;
}


#naviArea dl.rssLink{
margin-bottom:20px;
margin-left:30px;
}

dl.rssLink:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
dl.rssLink {
display: inline-table;
min-height: 1%;
}

* html dl.rssLink {height: 1%;}
dl.rssLink {display: block;}


#naviArea dl.rssLink{
width:160px;
}

#naviArea dl.rssLink dd{
}

#naviArea dl.rssLink dt,
#naviArea dl.rssLink dd{
float:left;
display:block;
line-height:1.2em;
font-size:80%;
}

#naviArea dl.rssLink dd{
margin-left:5px;
width:120px;
}


#naviArea p{
margin-left:32px;
clear:both;
}

#naviArea p.navBnr{
width:150px;
}

/*==========y3z02.@contentsArea ==========*/

#contentsArea{
float:left;
/*width:587px;*/
width: 598px;
width/* */:/**/587px;
width:/**/587px;
margin-left:11px;
}

#contentsArea:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
#contentsArea{ display:inline-table; }
/* \*/
* html #contentsArea{ height:1%; }
#contentsArea{ display:block; }
/* */

dl.stepArea{
margin-bottom:20px;
}

#contentsArea h2{
background-image:url(/img/common/ttl-border02.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding:5px 10px 15px 0px;
font-size:110%;
margin-bottom:10px;
}

#contentsArea h2 span{
background-image:url(/blog/img/entryttl-mark.gif);
background-position:left top;
background-repeat:no-repeat;
padding:2px 10px 15px 15px;
}

.entryContent{
margin-bottom:40px;
}

.postFooters,
.postFootersLast{
text-align:right;
font-size:80%;
}

#entryComment{
margin-bottom:40px;
}

#entryComment .postFooters{
margin-bottom:10px;
background-image:url(/img/common/dotline-x.gif);
background-repeat:repeat-x;
background-position:left bottom;
padding-bottom:10px;
}

#entryComment .postFootersLast{
margin-bottom:10px;
padding-bottom:10px;
}

#entryCommentForm label{
margin-bottom:5px;
display:block;
}

#entryCommentForm input,
#entryCommentForm textarea{
margin-bottom:10px;
}

#entryCommentForm label.cookie{
margin-bottom:15px;
}

#entryCommentForm input#bakecookie{
margin-bottom:0px;
margin-right:5px;
}

#entryCommentForm input#commentPost{
font-weight:bold;
padding:0px 5px;
}

/*==========y4zfooterArea ==========*/

#footer{
clear:both;
margin:0 10px 0;
padding:50px 5px 25px;
_padding-top:25px;
background:#FFFFFF url(/blog/img/footer-bg.gif) repeat-x left top;
}
*+html #footer{
padding-top:25px;
}

#footer #copyright{
text-align:left;
color:#666666;
}


/*==========y5zpathArea ==========*/

p#pathArea {
background:url(../img/common/path-bg.gif) 0 0 repeat;
padding:9px 17px;
margin-bottom:0;
font-size:85%;
line-height:1.2em;
color:#DDDDDD;
}

#pathArea img {
vertical-align:middle;
padding:0 5px 0.1em 5px;
}

#pathArea a:link {
color:#FFFFFF;
}

#pathArea a:visited {
color:#FFFFFF;
}

#pathArea a:hover {
color:#64D2FA;
text-decoration:none;
}

#pathArea a:active {
color:#64D2FA;
text-decoration:none;
}


/*==========y6zmainArea ==========*/

#mainArea {
width:553px;
margin:15px 17px 15px 17px;
clear:both;
}



/* h2 -----*/

#naviArea h2 {
margin-left:22px;
}


/* h3 -----*/
h3 {
background-image:url(/img/common/line-gradation.gif);
background-position:right bottom;
background-repeat:no-repeat;
padding:5px 0;
font-weight:bold;
font-size:100%;
margin-bottom:10px;
}

h3 span{
background:url(/img/common/listmark02.gif);
background-position:left 0.7em;
background-repeat:no-repeat;
padding:9px 0 8px 18px;
}

/* h4 -----*/
h4 {
clear:both;
background:url(../img/common/listmark01.gif) 0 0.5em no-repeat;
padding:5px 0 5px 18px;
margin-bottom:12px;
font-size:1em;
}

h4.imageTtl {
background:none;
padding:0;
}

h4.underlineTtl {
border-bottom:solid 1px #E6E6E6;
margin-bottom:20px;
}

h4 span {
margin-left:10px;
}



/* h5 -----*/
h5 {
clear:both;
background:url(../img/common/line-gradation.gif) 0 bottom no-repeat;
padding-bottom:5px;
margin-bottom:7px;
font-size:1em;
font-weight:normal;
}

h5 span {
background:url(../img/common/arw03.gif) 0 0.4em no-repeat;
padding:5px 0 5px 18px;
}

dl h5 {
border:none;
padding-bottom:3px;
margin-bottom:0;
margin-top:5px;
}



/* table -----*/
table {
width:553px;
border:none;
margin-bottom:25px;
}

th {
padding:5px 15px 5px 2px;
border-bottom:solid 1px #CDCDCD;
text-align:left;
}

tr.indexItem th {
background-color:#E6E6E6;
padding-top:8px;
border:none;
}

tr.indexItem th.topFirst {
background:url(../img/common/frame02-top-l.gif) 0 0 no-repeat;
background-color:#E6E6E6;
}

tr.indexItem th.topLast {
background:url(../img/common/frame02-top-r.gif) top right no-repeat;
background-color:#E6E6E6;
}

td {
padding:5px 20px 5px 0;
border-bottom:solid 1px #CDCDCD;
}

.first th,
.first td {
border-top:solid 1px #CDCDCD;
}

table.txtCenter .indexItem th,
table.txtCenter td {
text-align:center;
}

#mainArea td p,
#mainArea td div {
padding:7px 0 7px 15px;
margin-bottom:0;
background:url(../img/common/dotline-y.gif) 0 0 repeat-y;
}

#mainArea td p.small {
padding:7px 0 0 15px;
}

tr.emphasisArea th,
tr.emphasisArea td {
color:#FF0000;
}


/* withNotesTbl -----*/
.withNotes table {
margin-bottom:10px;
}


/* inlineTbl -----*/
table.inlineTbl {
width:auto;
margin-bottom:0;
}

table.inlineTbl th {
border:none;
padding:5px 15px 0 0;
font-weight:normal;
font-size:85%;
}

table.inlineTbl td {
width:auto;
border:none;
padding:5px 5px 5px 0;
text-align:left;
}


/* dataArea -----*/
.dataArea dt {
background:url(../img/common/dotline-y.gif) 7em 0 repeat-y;
margin-bottom:0;
padding-bottom:0;
padding:3px 0;
font-weight:normal;
}

.dataArea dd {
padding:3px 0 3px 10px;
margin-bottom:0;
margin-top:-2em;
margin-left:7em;
}



/* listArea -----*/
#listArea dt {
background:url(../img/common/line-gradation.gif) 0 bottom no-repeat;
padding-bottom:5px;
margin-bottom:10px;
font-weight:bold;
}

#listArea dd dt {
background:none;
margin-bottom:0;
padding-bottom:0;
padding:1px 0;
font-weight:normal;
}

#listArea dt img {
vertical-align:middle;
padding:0 6px 0.2em 0;
}

#listArea dd {
margin-bottom:20px;
}

#listArea dd dd {
padding:0;
margin-bottom:0;
margin-top:-2em;
margin-left:7em;
}

#contentsArea #listArea dd dd p {
margin-bottom:0;
}

#listArea dd.last,
#listArea p.last {
background:url(../img/common/dotline-x.gif) 0 bottom repeat-x;
padding-bottom:25px;
margin-bottom:20px;
}

#listArea dd li {
margin-bottom:3px;
}

#listArea dd ul {
margin-top:8px;
margin-left:18px;
list-style:disc;
}

#listArea ol {
margin-top:8px;
margin-left:25px;
}

#listArea ol ul {
margin-top:3px;
margin-left:13px;
list-style:disc;
}


/* invitation */
#listArea dl#invitation {
margin-bottom:35px;
}

#listArea #invitation dt {
background:none;
padding-bottom:0;
margin-bottom:0;
}

#listArea #invitation dd {
margin-top:-1.7em;
margin-left:30px;
}



/* listArea02 -----*/
dl.listArea02 {
margin-bottom:25px;
}

dl.listArea02 dt {
background:url(../img/common/line-gradation.gif) 0 bottom no-repeat;
padding:5px 0;
margin-top:10px;
/*color:#888888;*/
/*font-size:89%;*/
font-weight:bold;
}

dl.listArea02 dt.noListmark {
font-weight:normal;
}

dl.listArea02 dt span {
background:url(../img/common/listmark02.gif) 0 0.3em no-repeat;
padding:9px 0 8px 18px;
}

dl.listArea02 dt.noListmark span {
background:none;
padding-left:0;
}

dl.listArea02 dt span.small {
background:none;
padding:7px 0 3px 10px;
}

dl.listArea02 dd {
margin:8px 0 20px 0;
}

dl.listArea02 dd.last {
background:url(../img/common/dotline-x.gif) 0 bottom repeat-x;
padding-bottom:25px;
}

dl.listArea02 dd.withLink {
margin-bottom:15px;
}


#mainArea dl.listArea02 dd p {
margin-top:5px;
margin-bottom:0;
}



/* listArea03 -----*/
dl.listArea03 {
margin:10px 0;
}

dl.listArea03 dt {
margin-bottom:0;
padding-bottom:0;
padding:0.2em 20px 0.2em 0;
font-weight:normal;
}

dl.listArea03 dd {
padding:0;
margin-bottom:0;
margin-top:-2em;
margin-left:7em;
}

#mainArea dl.listArea03 dd p {
background:url(../img/common/dotline-y.gif) 0 0 repeat-y;
margin-bottom:0;
padding:4px 0 4px 15px;
}


/* listArea04 -----*/
dl.listArea04 {
margin-top:10px;
}

dl.listArea04 dt {
background:url(../img/common/arw03.gif) 0 0.4em no-repeat;
padding:3px 0 3px 18px;
font-weight:bold;
}

dl.listArea04 dd {
margin-bottom:7px;
}

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


/* listNotes -----*/
dl.listNotes {
margin-bottom:25px;
font-size:85%;
line-height:1.3em;
}

dl.listNotes dd {
margin-top:-1.3em;
margin-left:2em;
margin-bottom:5px;
}




/* boxArea -----*/

#mainArea .boxArea {
width:553px;
background:url(../img/common/frame01-top.gif) 0 0 no-repeat;
background-color:#F2F2F2;
margin-bottom:25px;
}

#mainArea .boxArea .boxContentsArea {
width:533px;
background:url(../img/common/frame01-bottom.gif) 0 bottom no-repeat;
padding:10px;
}


/* catchArea -----*/
#mainArea div#catchArea {
width:553px;
background:url(../img/common/dotline-x.gif) 0 0 repeat-x;
padding-top:18px;
margin-bottom:15px;
}

#mainArea div#catchArea p {
width:553px;
background:url(../img/common/dotline-x.gif) 0 bottom repeat-x;
padding-bottom:18px;
margin-bottom:0;
font-size:115%;
font-weight:bold;
line-height:1.5em;
}



/* localNaviArea -----*/
#localNaviArea li {
list-style:none;
float:left;
}


/* localFooterNavi -----*/
#localFooterNavi {
width:553px;
background:url(../img/common/dotline-x.gif) 0 0 repeat-x;
padding-top:8px;
margin-top:10px;
margin-bottom:25px;
}

#localFooterNavi div.clear {
background:url(../img/common/dotline-x.gif) 0 bottom repeat-x;
padding-bottom:8px;
}

#localFooterNavi p {
margin-bottom:0;
}



/* frame03Area -----*/
.frame03Area {
width:553px;
background:url(../img/common/frame03-bg.gif) 0 0 repeat-y;
}

.frame03Area div {
background:url(../img/common/frame03-top.gif) 0 0 no-repeat;
}

#mainArea .frame03Area p {
background:url(../img/common/frame03-bottom.gif) 0 bottom no-repeat;
padding:16px;
margin-bottom:0;
}

/* columnFrame -----*/

.columnFrame{
float:left;
width:553px;
background:url(../img/common/frame04-bottom.gif) 0 bottom no-repeat;
padding:0;
}

.columnFrame div{
float:left;
width:241px;
padding:16px;
margin-bottom:0;
background:url(../img/common/frame04-top.gif) 0 0 no-repeat;
}
.columnFrame div.fast{
float:left;
margin-right:7px;
}



/* account -----*/
div#account {
margin-bottom:35px;
}



/* profile -----*/
.profileSet{
margin-bottom:20px;
}

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

.profileSet {
display: inline-table;
min-height: 1%;
}

* html .profileSet {height: 1%;}
.profileSet {display: block;}

.profileSet .profileTxt{
margin-left:210px;
}

.profileSet h4{
clear:none;
}

.profileSet .profileImg{
width:210px;
float:left;
}


#contentsArea div.longer{
margin-bottom:400px;
}