/* base css */
@import url(/.shared-cocolog/themes/common/base-weblog.css);

/* portal css */
@import url(/.shared-cocolog/nifty_managed/themes/common/base.css);

/* user css */
@import url(http://docs.831s.com/cocolog/common_header_footer.css);



/* Default ---------------------------------------------------------------- */

/* Global */

body {margin: 0 auto;padding:0;background:#ffffff;color: #333;font-size: 80%;font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;text-align: center;}
*:first-child+html body {font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}
* html body {font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}


/*link
-----------------------------------------------------------------------------*/
a{color: #336699;text-decoration:none;display:inline-block;vertical-align:middle;}
a:hover{color: #9EABA4; text-decoration:none;display:inline-block;vertical-align:middle;}
a.alpha:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}



/* Layout */

#container {
    width: 900px;
}

#alpha {
    float: left;
    width: 180px;
}

#beta {
    float: right;
    width: 700px;
}


/* Header */
#banner{
    width: 700px;
}
#banner-header {
margin: 0px 0px 20px 0px;
padding: 14px 0px;
background: url(http://docs.831s.com/cocolog/co_ti_bg.gif) left bottom repeat-x;
font-size: 140%
}

#banner-description {
    margin: 0;
    font-size: small;
    line-height: 1.125;
    color: #333;
    margin:15px 0px;

}

#banner a {
    text-decoration: none;
    color: #3b3b3b;
    font-weight: bold;
}

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


/* Content ---------------------------------------------------------------- */


.date-header {
	font-size: small;
	font-weight:bold;
	line-height:120%;
    padding: 0px;
	margin:0px 0px 20px 0px;	
	}

.entry-header,
.entry-header a,
.content-header {
}

.entry-header {
	font-size: large;
	font-weight:bold;
	line-height:120%;
	padding: 2px 0px 2px 10px;
	margin:0px 0px 1em;
	border-left: 4px solid #99CC33; 
	color:#666600;
}

.entry-header a {
    display: block;
	color:#666600;
    text-decoration: none;
}

.entry-header a:visited {
	color:#666600;
}

.entry-header a:hover {
    text-decoration: underline;
}

.entry .entry-content {
	/*font-size: 120%;*/
	font-size:small;
}

.entry-more-link {
    font-weight: bold;
}


.entry-footer {
	border-top: 1px dashed #99CC33;
    font-weight: normal;
    /* ie win (5, 5.5, 6) bugfix */
	zoom: 1;
}

.trackback,
.comment {
	margin-bottom: 15px;
	}

.entry-footer a,
.comment-footer a {
    font-weight: normal;
}

.content-nav {
    margin: 5px 0 10px;
}

.content-header {
	padding-bottom:5px;
    margin: 5px 0 10px;
    font-weight: bold;
	border-bottom: 1px dashed #99CC33!important;
}

.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    margin: 5px 0;
}

.archive-header {
	font-size: large;
	font-weight:bold;
	line-height:120%;
	padding: 2px 0px 2px 10px;
	margin:0px 0px 1em;
	border-left: 4px solid #99CC33; 
	color:#666600;
	}


.trackbacks-header,
.comments-header,
.comments-open-header {
	font-size: large;
	font-weight:bold;
	line-height:120%;
	padding: 2px 0px 2px 10px;
	margin:0px 0px 1em;
	border-left: 4px solid #99CC33; 	
	}


.module-header {
}



.trackbacks-info {
	font-size: 114%;
	}
/*
.comments-open-footer,
.archive-content,
*/
.trackback-footer,
.comments-info,
.comment-footer {
	border-top: 1px dashed #99CC33;
	margin:0;
	padding:5px;
}

#comment-author,
#comment-email,
#comment-url,
#comment-text {
    width: 80%;
}




.entry-header a:hover {
    text-decoration: underline;
}

.archive-list-item {
    margin-bottom: 5px;
}

.module-header {
	font-size: small;
	line-height:120%;
	font-weight:bold;
	text-align:left;
	padding: 2px 0 2px 10px;
	margin:0 0 1em;
}

.module-header a {
	color:#666600;
}

.module-header a:visited {
	color:#666600;
}

.module-header a:hover {
	text-decoration: none;
}

.module-content a {
}

.module-content a:hover {
	text-decoration: none;
}
/* Utility */

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
}



/* Global ----------------------------------------------------------------- */

body {
	background:#ffffff;
	color:#3b3b3b;
}

a {
	color: #336699;
}
a:visited {
	color: #336699;
}
a:hover {
	color: #cccccc;
    text-decoration: none;
}


/* Layout ----------------------------------------------------------------- */


#pagebody {
	margin: 0 0 22px;
	padding-top: 20px;
}


/* Artistic */

.layout-artistic #pagebody {
	background-position: 25px 0;
}

.layout-artistic #alpha {
	width:180px;
	}

.layout-artistic #alpha-inner {
	padding: 0;
	}
/*
.layout-artistic #gamma-inner,
.layout-artistic #delta-inner {
    padding-top: 0;
}
*/

/* Moblog 1 */

.layout-moblog1 #alpha {
    width: 200px;
}

.layout-moblog1 #beta {
    width: 550px;
}

.layout-moblog1 #gamma {
    width: 200px;
}

.layout-moblog1 #beta-inner {
	padding: 0 25px;
}

/* Moblog 2 */

.layout-moblog2 #pagebody {
	background-image: url(main_bg03.gif);
}

.layout-moblog2 #alpha {
    width: 70px;
}

.layout-moblog2 #beta {
    width: 530px;
}

.layout-moblog2 #gamma {
    width: 180px;
}

.layout-moblog2 #delta {
    width: 170px;
}



.layout-moblog2 #beta-inner {
	padding: 0 15px;
	}

.layout-moblog2 #gamma-inner {
	padding: 0 10px 0 0;
}


/* Timeline */

.layout-timeline #pagebody {
	background-image: url(main_bg02.gif);
	background-position: 25px 0;
}

.layout-timeline #alpha {
    width: 180px;
}

.layout-timeline #beta {
    width: 700px;
}


.layout-timeline #alpha-inner {
	padding: 0;
	}


/*
.layout-timeline #beta-inner {
	padding: 0;
}

.layout-timeline #gamma-inner,
.layout-timeline #delta-inner {
    padding-top: 0;
}
*/

/* "Fullwidth" (Header) */

#container,
#container-inner,
#banner,
.layout-one-column #container,
.layout-one-column #banner {
    position: relative;
    width: 900px;
}

#banner-inner,
#pagebody-inner {
    position: relative;
    width: 900px;
    margin: 0 auto;
}

.layout-one-column #banner-inner,
.layout-one-column #pagebody-inner {
    width: 900px;
}


/* Header ----------------------------------------------------------------- */
/*
#banner {}

#banner a {}

#banner-inner {}

#banner-header {}

#banner-description {}
*/



/* Widget ----------------------------------------------------------------- */

.module-header{
	display: block;margin:
	0px;padding: 0px 0px 0px 20px;
	text-decoration: none;
	background: url(http://docs.831s.com/cocolog/sidemenu_bg.jpg) no-repeat 0px -36px;
	height:36px;
	line-height:36px;
	color:#3b3b3b;
	font-weight:bold;
}



/*
.layout-moblog2 .module-header,
.layout-moblog2 .module-content {
    margin-right: 0;
    margin-left: 0;
}
*/
.module-powered .module-content {
	margin: 15px 0;
    border: 1px solid #767676;
    background-color: #5d5d5d;
}

/*
.typelist-thumbnailed .module-list-item {
}

.typelist-thumbnail {
}
*/

.module-mmt-calendar .module-header {
    border: none;
	text-align: center;
} 

.module {
	margin: 0 0 40px;
	}

.module-content {
	margin: 0;
	padding: 0;
}

/*
.module-content li {
	}
*/

.module-header a:hover {
}
/*
.module-content {
}
*/
.layout-artistic .module-header,
.layout-artistic .module-content,
.layout-calendar .module-header,
.layout-calendar .module-content,
.layout-timeline .module-header,
.layout-timeline .module-content,
.layout-one-column .module-header,
.layout-one-column .module-content {
    margin-right: 0;
    margin-left: 0;
}

.layout-artistic #alpha .module-header,
.layout-calendar #alpha .module-header,
.layout-timeline #alpha .module-header {
	font-size: large;
	font-weight:bold;
	line-height:120%;
	padding: 2px 0px 2px 10px;
	margin:0px 0px 1em;
	border-left: 4px solid #99CC33; 
	color:#666600;
}

.layout-artistic #alpha .module-list,
.layout-calendar #alpha .module-list,
.layout-timeline #alpha .module-list{
	margin-left:10px;
	margin-right:10px;
}

/* "Powered By" Module */

.module-powered .module-content {
    padding: 10px;
    text-align: center;
}

.module-powered .module-content,
.module-powered .module-content a {
    color: #333;
}


ul.module-list {list-style: none;margin: 0px;padding: 0px;text-align: left;line-height: 100%;}
li.module-list-item {font-size:12px;margin: 0px 0px 0px -16px;/* for IE5.5 */voice-family: "\"}\"";voice-family: inherit;margin: 0px;padding: 0px;}
li.module-list-item a{_height: 1px; /* IE6対応 */display: block;margin: 0px;padding: 0px 0px 0px 20px;text-decoration: none;background:url(http://docs.831s.com/cocolog/listicon_bg02.gif) no-repeat 0px 0px;line-height:26px;color:#3b3b3b;font-weight:normal;border-bottom:#C6B291 1px dotted;}
li.module-list-item a:hover{background: url(http://docs.831s.com/cocolog/listicon_bg02.gif) no-repeat 0px 0px;text-decoration:none;color:#ccc;font-weight:normal;border-bottom:#C6B291 1px dotted;}



/* Calendar Module */

#calendar {
	width:200px;
	font-size: small;
	}
#calendar table {
	font-size: x-small;
	}

#calendar .module-header {
	font-size: small;
	line-height: 120%;
	font-weight: bold;
	text-align: left;
	border-left: 4px solid #99CC33; 
	padding: 2px 0px 2px 10px;
	margin: 0px 0px 1em;
	}

#calendar table th {
	font-weight: normal;
	}


.module-calendar .module-content table {
	border-collapse:separate;
}

#calendar td a {
	display: block;
	}

/* Featured Photo Module */

.module-featured-photo,
.module-featured-photo img {
    width: 415px;
}







/************************** Recent Photos Module **********************************/


.module-recent-photos .module-list-item a {
    border: 1px solid #e2dccd;
    padding: 4px;
    background-color: #fff;
}

.module-recent-photos .module-list-item a:hover {
    border-color: #b9ab80;
}

.module-recent-photos .module-list-item {
    width: 70px; /* mac ie fix */
    margin: 0 4px 0 0;
    padding: 0;
    background-image: none;
}


/*timeline*/
/*
.layout-timeline .module-recent-photos {
    margin-top: 0;
}
*/
.layout-timeline .module-recent-photos .module-list-item {
    margin: 0px 15px 10px 0;
}

/*moblog1*/
.layout-moblog1 .module-recent-photos .module-list-item {
    margin: 0 15px 10px 0;
}


/*moblog2*/
.layout-moblog2 .module-recent-photos .module-list-item {
    margin: 0 15px 10px 0;
}

/*artistic*/
.layout-artistic .module-recent-photos .module-list-item {
    margin: 0 15px 10px 0;
}

/* Photo Module */

.module-photo {
    border: 0;
    background: none;
}

.module-photo .module-content {
    margin: 10px;
}

.module-photo img {
    border: 0;
}

.layout-moblog2 .module-photo img {
    width: 100px;
    height: auto;
}


/* Mixed Media Template Calendar Module */

.module-mmt-calendar {
    width: 415px;
    margin: 0;
}

/*
.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header {
    margin: 0;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    text-align: right;
    background-color: #000;
}
*/


.module-mmt-calendar .module-content {
    margin: 0 0 15px;
}

.module-mmt-calendar table {
    width: 415px;
	font-size: 85%;
}

.module-mmt-calendar th {
    border-top: 1px solid #99CC33;
    border-right: 1px solid #99CC33;
    border-bottom: 1px solid #99CC33;
	background:#cce698;
    padding: 2px;
    font-weight: bold;
}

.module-mmt-calendar td {
    border-right: 1px solid #99CC33;
    border-bottom: 1px solid #99CC33;
    padding: 2px;
    font-weight: normal;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
    border-right: none;
}

.day-photo a {
    padding: 1px;
}

/* Module Thumbnailed */

.link-note {
	border-left: 4px solid #99CC33; 
	padding: 2px 0 2px 10px;
	line-height: 120%;
}

blockquote {
	border: solid 2px #99CC33;
	padding: 7px;
	margin-right:0;
	}

.box{margin:10px 5px 5px 5px;padding: 5px;}.box dl,.box dt,.box dd {margin: 0px;padding: 0px;}
.box dl {border-bottom: 1px solid #FFEAC3;margin: 10px 15px 10px 10px;}
.box dt,.box dd {padding: 3px 0px 3px 5px;margin:0px}
.box dt {border-top: 1px solid #FFEAC3;font-weight:bold;line-height:165%;}
.box dd {margin-left: 20px;border-top: 1px solid #FFEAC3;}