@charset "utf-8";
/*   
Theme Name: Goukon.com
Theme URI: http://www.goukon.com/
Description: 婚活・恋活支援サイト
Author: Goukon.com
Author URI: 作者の URI
Version: 01
*/



body {
background-color: #E8F3FF;
margin:0px;
padding:0px;
font-size:12px;
line-height:1.4;
text-align:center;
}

#main p#top {
margin:0px;
padding:0px;
}

/**********************************/
/* base 
/**********************************/
img {
border:none;
}
ul , dl {
margin:0px;
padding:0px;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
p {
margin:0px 0px 12px 0px;
}


/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */

/* a */
a {
color:#0066CC;
}
a:hover {
text-decoration:none;
}

/* title */
h1 {
margin:0px;
padding:0px;
}
h2,h3 {
margin:0px 0px 10px 0px;
padding:0px;
}

/* clear */
.clear {
overflow:hidden;
}
* html .clear {
height:1%;
}

/**********************************/
/* frame
/**********************************/
#frame {
background-image:url(images/back_frame.jpg);
background-repeat:repeat-y;
margin:0px auto;
padding:0px 10px;
width:880px;
}
/* html #frame {
width:900px;
}


/**********************************/
/* header
/**********************************/
#header {
background-color:#FFFFFF;
overflow:hidden;
}
* html #header {
height:1%;
}

#header .content_01 {
float:left;
width:290px;
}
#header .content_02 {
float:right;
width:590px;
}
#header ul li {
display:inline;
list-style-type:none;
}

/**********************************/
/* top
/**********************************/
#top {
background-color:#FFFFFF;
padding:10px 0px 0px 0px;
}


/**********************************/
/* middle 
/**********************************/
#middle {
overflow:hidden;
background-image:url(images/p_middle_h.jpg);
background-repeat:no-repeat;
padding:24px 30px;
text-align:left;
}
* html #middle {
height:1%;
}


/**********************************/
/* side 
/**********************************/
#side {
width:240px;
float:left;
}
#side img {
margin:0px 0px 10px 0px;
}


/**********************************/
/* main
/**********************************/
#main {
width:565px;
float:right;
}
#main .content_body {
margin:0px 0px 10px 0px;
}

/* 新着情報 */
#top_news {
background-image:url(images/back_top_01.jpg);
padding:40px 0px 10px 20px;
height:96px;
}
#top_news a {
color:#000000;
}
#top_news a:hover {
text-decoration:none;
}
/* html #top_news {
height:146px;
}]
*/
#top_news .content_01 {
overflow:auto;
width:380px;
height:96px;
}
#top_news dl {
overflow:hidden;
}
#top_news dl dt {
float:left;
padding:0px;
width:100px;
line-height:1.2;
}
#top_news dl dd {
margin:0px 0px 8px 0px;
padding:0px 0px 0px 100px;
line-height:1.2;
}

/* ページ案内 */
#top_sammary {
background-image:url(images/back_top_02.jpg);
background-repeat:no-repeat;
padding:80px 280px 10px 20px;
height:148px;
}
/* html #top_sammary {
height:238px;
}
*/

/* ページ案内 */
#top_guide .f_left img , #top_guide .f_right img {
margin:0px 0px 10px 0px;
}
#top_guide .f_left {
float:left;
width:275px;
}
#top_guide .f_right {
float:right;
width:275px;
}


/**********************************/
/* footer
/**********************************/
#footer {
clear:both;
border-top:1px solid #CCCCCC;
width:850px;
margin:0px auto;
padding:20px 0px;
text-align:center;
}
#footer img {
margin:10px 0px 0px 0px;
}






/**********************************/
/* table　共通項目
/**********************************/
#main table {
border-collapse: collapse
}
#main table th , #main table td {
padding:5px;
}
#main table th {
border:1px solid #CCC6BA;
font-weight:normal;
}
#main table td {
border:1px solid #CCC6BA;
}


/**********************************/
/* about.us
/**********************************/
#main.aboutus #top_sammary {
background-image:url(images/aboutus/p_main_01.jpg);
background-repeat:no-repeat;
padding:25px 270px 0px 25px;
height:185px;
}
#main .page-aboutus table th {
background-color:#FFCC99;
width:15%;
}
#main .page-aboutus table td {
border:1px solid #CCC6BA;
width:85%;
}


/**********************************/
/* restaurant
/**********************************/
#main.category-restaurant {
overflow:hidden;
}
#main.category-restaurant #top_sammary {
background-image:url(images/restaurant/p_main_01.jpg);
background-repeat:no-repeat;
padding:25px 270px 0px 25px;
height:185px;
}
#main.category-restaurant a {
color:#A5956B !important;
}
* html #main.category-restaurant {
height:1%;
}
#main.category-restaurant .thumbs {
float:left;
width:220px;
margin:0px;
padding:0px;
text-align:center ;
}
#main.category-restaurant .thumbs div {
width:220px !important ;
text-align:center ;
}
#main.category-restaurant .thumbs img {
margin:0px auto;
padding:0px;
}
#main.category-restaurant table {
float:right;
width:330px;
}

/* table */
#main.category-restaurant table th {
background-color:#E1DDBF;
width:80px;
}
#main table td {
width:250px;
}


/**********************************/
/* setting
/**********************************/
#main.category-setting {
overflow:hidden;
}

#main.category-setting #top_sammary {
background-image:url(images/setting/p_main_01.jpg);
background-repeat:no-repeat;
padding:25px 270px 0px 25px;
height:185px;
}
#main.category-setting a {
color:#B13881 !important;
}
* html #main.category-setting {
height:1%;
}
#main.category-setting .thumbs {
float:left;
width:240px;
margin:0px;
padding:0px;
}
#main.category-setting .thumbs img {
width:240px;
height:268px;
margin:0px;
padding:0px;
}
#main.category-setting table {
float:right;
width:310px;
}

/* table */
#main.category-setting table th {
background-color:#EFCFEE;
width:90px;
}
#main table td {
width:240px;
}


/**********************************/
/* blog
/**********************************/
#main.category-blog #top_sammary {
background-image:url(images/blog/p_main_01.jpg);
background-repeat:no-repeat;
padding:25px 270px 0px 25px;
height:185px;
}
#main.category-blog a {
color:#669900;
}

h3.kiji {
padding:7px 15px 0px 15px;
margin:0px 0px 10px 0px;
height:29px;
font-size:16px;
font-weight:normal;
letter-spacing:2px;
}

.category-restaurant h3.kiji {
color:#A5956B !important;
background-image:url(images/restaurant/t_h3_kiji_title.jpg) !important;
}
.category-setting h3.kiji {
color:#B13881 !important;
background-image:url(images/setting/t_h3_kiji_title.jpg) !important;
}
.category-blog h3.kiji {
color:#669900;
background-image:url(images/blog/t_h3_kiji_title.jpg);
}

.entry {
overflow:hidden;
border-bottom:1px dotted #CCC6BA;
padding:0px 0px 30px 0px;
margin:0px 0px 30px 0px;
}
* html .entry {
height:1%;
}

.category-restaurant .postmetadata {
background-image:url(images/restaurant/t_h3_kiji_post.jpg) !important; 
padding:5px 10px;
font-size:11px;
text-align:right;
}
.category-setting .postmetadata {
background-image:url(images/setting/t_h3_kiji_post.jpg) !important;
padding:5px 10px;
font-size:11px;
text-align:right;
}
.category-blog .postmetadata {
background-image:url(images/blog/t_h3_kiji_post.jpg);
padding:5px 10px;
font-size:11px;
text-align:right;
}

.navigation {
text-align:center;
}








/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}

#sidebar #searchform #s {
width: 108px;
padding: 2px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 540px;
padding: 2px;
}
#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */


/* Begin Comments*/
#comments h3 {
border-bottom:2px solid #BBC9D9;
padding:5px 0px 1px 0px;
font-size:14px;
font-weight:normal;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
/*	text-align: justify; */
}

.commentlist li {
background-color:#DCE6EB;
brder:1px solid #CCCCCC;
margin: 15px 0px 10px 0px;
padding: 10px;
list-style: none;
}
.commentlist li ul li { 

}

.commentlist p {
background-color:#FFFFFF;
margin: 10px 0px;
padding:5px;
}
.children { padding: 0; }

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */