/*
Theme Name:  001 Aqua Design
Text Domain: colog-aqua
Domain Path: /languages/
*/

/* ================== utility ================== */
/* ----- clear fix ----- */
.cmn_cl:after,
#footer .inner:after,
#contents:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
font-size:0.1em;
line-height:0;
}
.cmn_cl,
#footer .inner,
#contents {
display:inline-block;
}
/* Hides from IE-mac ¥*/
* html .cmn_cl,
* html #footer .inner,
* html #contents {
height:1%;
}
.cmn_cl,
#footer .inner,
#contents {
display:block;
}
/* ----- clear ----- */
.clear {
clear:both;
width:1px;
height:1px;
overflow:hidden;
}


/* ----- default style ----- */

body {
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#4D4D4D;
line-height:1.6;
margin: 0;
padding: 0;
}
a:link,a:visited {
color:#4D4D4D;
}
a:hover,a:active {
color:#73d5f7;
}
ul {
padding: 0;
}

/*--=======================================================
	*** container ***
=======================================================--*/

#container {
width:800px;
margin:0 auto;
}



/*--=======================================================
	*** header ***
=======================================================--*/

#header {
}
#header-top {
	height: 105px;
}
#site-title {
font-size: 13px;
margin-top: 40px;
display: block;
font-weight: normal;
}
#header .logo {
float:left;
/* margin:40px 0 0 0; */
}
#header .logo a {
background:#d0f1fc;
font-size:200%;
color:#666666;
text-decoration:none;
}
#header .logo a:hover {
background:#fee7c2;
color:#4D4D4D;
}
#header .loginout {
float:right;
width:80px;
margin:48px 0 0 0;
}
#header .adminLink {
float:right;
width:80px;
margin:48px 10px 0 0;
font-size: 90%;
}
#header .loginout a {
	display: block;
	text-indent: -9999px;
}
a.loggedin {
	background: url("images/logout_off.png") no-repeat 0 0 transparent;
}
a.loggedin:hover {
	background: url("images/logout_on.png") no-repeat 0 0 transparent;
}
a.loggedout {
	background: url("images/login_off.png") no-repeat 0 0 transparent;
}
a.loggedout:hover {
	background: url("images/login_on.png") no-repeat 0 0 transparent;
}
#header .mainVisual {
clear:both;
padding:35px 0 0 0;
}
#headerimg {
	width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
}
#headerimg img {
height: auto;
width: 100%;
}
#nav {
width: 800px;
margin: auto;
}
.globalNavi {
width:800px;
margin:30px 0 0 0;
padding: 0;
}
.globalNavi li {
float:left;
width:158px;
border-right:1px solid #4D4D4D;
position:relative;
list-style: none outside none;
}
.globalNavi li a {
display:block;
height:22px;
text-align:center;
font-size:90%;
text-decoration:none;
}
.globalNavi li a:hover {
background:#d0f1fc;
color:#4D4D4D;
}
.globalNavi li.home {
width:158px;
border-left:1px solid #4D4D4D;
}
.globalNavi li ul {
width:150px;
position:absolute;
top:20px;
display:none;
}
.globalNavi li ul li {
margin-top:2px;
border-right:none;
}
.globalNavi li ul li a {
background:#e6e6e6;
}
.globalNavi li ul li a:hover {
background:#d0f1fc;
}
/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/*--=======================================================
	*** contents ***
=======================================================--*/
#contents {
clear:both;
padding:60px 0 60px 0;
}

/*--=======================================================
	*** main ***
=======================================================--*/
#main {
float:left;
width:550px;
}
.page-template-gallery-php #main, .page-template-colograph-php #main {
width: 800px;
}
#nav-above {
padding-bottom: 10px;
}
#nav-above .nav-previous, #nav-below .nav-previous {
text-align: left;
width: 250px;
float: left;
}
#nav-above .nav-next, #nav-below .nav-next {
text-align: right;
width: 250px;
float: right;
}
#main .hentry {
padding:30px 0 10px 0;
border-top:1px solid #4d4d4d;
}
#main .hentry p {
	font-size: 16px;
}
#main .hentry img {
	max-width: 550px;
	vertical-align: bottom;
	height: auto;
}
#main .hentry .entry-title, .page #main .entry-title {
margin:0;
font-size:160%;
color:#666666;
}
#main .hentry .entry-title a {
background:none;
text-decoration:none;
}
#main .hentry .entry-title a:hover {
background:#d0f1fc;
color:#4d4d4d;
}

#main .hentry .title02 {
margin:0 0 20px 0;
font-size:140%;
color:#666666;
}

#main .hentry .head-parts {
margin:0 0 25px 0;
}
#main .hentry .head-parts .date {
float:left;
margin:0;
margin-right: 20px;
color:#73d5f7;
}
#main .hentry .head-parts .author {
float:left;
margin:0;
margin-right: 20px;
color:#666666;
}

#main .hentry {
margin:0 0 30px 0;
line-height:2;
}
#main .hentry a {
text-decoration:none;
}
#main .hentry p .color01 {
color:#44C7F4;
}
#main .hentry p .color02 {
color:#8BC53F;
}
#main .hentry p .color03 {
color:#FFCA05;
}
#main .hentry p .color04 {
color:#F186B6;
}
#main .hentry p .color05 {
color:#F48120;
}
#main .hentry p .color06 {
color:#B68ABE;
}

#main .hentry p a {
background:#d0f1fc;
}
#main .hentry p a:hover {
background:#fee7c2;
color:#4D4D4D;
}

#main .hentry blockquote {
background:url(images/icn_bq_lft.gif) no-repeat 0 0;
}
#main .hentry blockquote p {
display:block;
padding:25px 30px;
background:url(images/icn_bq_rgt.gif) no-repeat right bottom;
}
#main .hentry p.after-entry-links {
clear:both;
padding:20px 0 0 0;
text-align:right;
font-size:90%;
color:#73d5f7;
line-height:1.4;
}
#main .hentry p.after-entry-links a {
text-decoration:underline;
color:#73d5f7;
background:none;
}
#main .hentry p.after-entry-links a:hover {
text-decoration:none;
}
#main .hentry .head-parts a.open {
background:#fee7c2;
color:#4D4D4D;
text-decoration: none;
}
#main .hentry .head-parts a:hover.open {
background:#d0f1fc;
color:#666666;
text-decoration: none;
}

/* 記事上の情報 */
.colog_poted_on {
	margin: 0;
}

/* 記事下の情報 */
.colog_posted_in {
	text-align: right;
}
#main .hentry p.colog_posted_in {
	font-size: 90%;
	line-height: 1.5;	
}
#main .hentry p.colog_posted_in a{
	background: none;
	color: #73D5F7;
	text-decoration: underline;
}
#main .hentry p.colog_posted_in a:hover{
text-decoration: none;
color: #F48120;
}

#main #commentArea {
}
#main #commentArea .comment-title {
padding:0 0 8px 0;
margin:0 0 20px 0;
background:url(images/bg_dot.gif) repeat-x bottom;
}
#main #commentArea .comment-title span {
background:#44c7f4;
}
#main #commentArea .comment-box {
padding:0 0 20px 0;
margin:0 0 20px 0;
background:url(images/bg_dot.gif) repeat-x bottom;
}


#main .nextback {
padding:10px 0 0 0;
border-top:1px solid #4d4d4d;
text-align:center;
font-size:90%;
}
#main .nextback a {
color:#73d5f7;
background:none;
text-decoration:underline;
}
#main .nextback a:hover {
text-decoration:none;
color: #F48120;
}

/* ギャラリー */
#listimage .imagebox {
	float: left;
	margin: 0 5px 5px 0;
	line-height: 0;
}
#listimage .entry-title {
	padding-bottom: 25px;
}
#listimage .imagebox p {
	margin: 0;
}
#listimage .imagebox img {
padding:10px;
border:1px solid #CCCCCC;
vertical-align: bottom;
background-color: #fff;
}
.gallery-state {
	font-size: 80%;
}
/* AMギャラリー */
.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}

/*--=======================================================
	*** side ***
=======================================================--*/

#side {
float:right;
width:200px;
}

#side .profile {
padding:0 0 50px 0;
margin:0 0 30px 0;
border-bottom:1px solid #4d4d4d;
}
#side .profile .inner {
padding:16px 20px 6px 20px;
background:#d0f1fc;
}
#side .profile .inner h2 {
margin:0 0 10px 0;
font-size:140%;
}
#side .profile .inner ul li {
padding:0 0 6px 10px;
background:url(images/icn_dot_blue.gif) no-repeat 0 7px;
}

#side .widget-container {
padding:0 0 20px 20px;
margin:0 0 30px 0;
border-bottom:1px solid #4d4d4d;
list-style: none outside none; 
}
#side .widget-container .widget-title {
margin:0 0 20px 0;
font-size:15px;
}
#side .widget-container .widget-title a {
background:#d0f1fc;
text-decoration:none;
}
#side .widget-container .widget-title a:hover {
background:#fee7c2;
color:#4D4D4D;
}
#side .widget-container ul li {
padding:0 0 6px 10px;
background:url(images/icn_dot.gif) no-repeat 0 11px;
list-style: none outside none;
font-size: 13px;
}
#wp-calendar a{
	color: #73D5F7;
}
#side .widget_kidswidget {
	background: none repeat scroll 0 0 #D0F1FC;
	margin-top: 0;
	padding: 20px 0 20px 10px;
}
#side .widget_kidswidget .widget-title {
	margin-bottom: 0;
}
#side .widget_kidswidget ul {
	margin: 5px 0 25px;
}
#side #kidsData {
	background: none repeat scroll 0 0 #D0F1FC;
	padding: 20px 0 20px 10px;
	margin-bottom: 30px;
}

/*--=======================================================
	*** comment コメント ***
=======================================================--*/


commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

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

#footer {
clear:both;
background:#d0f1fc;
}

#footer .inner {
width:800px;
margin:0 auto;
padding:68px 0 20px 0;
}

#footer .widget-container {
float:left;
width:199px;
list-style: none outside none;
}

#footer .widget-title {
font-weight:bold;
margin:0 0 8px 0;
font-size: 15px;
}

#footer .widget-container ul li {
	list-style: none outside none;
	background: url("images/icn_dot.gif") no-repeat scroll 0 11px transparent;
	padding: 0 0 6px 10px;
	font-size: 13px;
}

#footer .inner p.logo {
float:right;
width:200px;
padding:80px 0 0 0;
}

.page-template-board-php #comments {
	display: none;
}
