@charset "utf-8";


/******************************************************************
基本スタイル
******************************************************************/

body{
background-color:#ffffff;
text-align:center;
font-size: 14px;
line-height: 180%;
color:#555;
}

a{
font-weight: normal;
color:#3a7cae;
text-decoration:none;
}


a:hover{
font-weight: normal;
color:#CC0066;
text-decoration:underline;
}

a:visitd{
font-weight: normal;
color:#3a7cae;
text-decoration:none;
}

h1{
margin: 0;
padding: 0;
}

strong{
line-height:180%;
}

blockquote{
color:#999;
font-style: italic;
line-height:180%;
}




/******************************************************************
基本レイアウト
******************************************************************/

#all{
width:915px;
text-align:center;
margin:20px auto;
}

/*1カラム*/
#main{
    width:875px;
}

/*2カラム*/
#container{
width:875px;
margin:0 auto;
text-align:left;
}


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


/******************************************************************
ヘッダー
******************************************************************/

#header{
text-align:left;
}

#support_menu{
margin:12px 0 0 0;
text-align:right;
float:right;
}

#description{
color:#666;
margin:5px 0 0 0;
float:left;
font-size:93%;
}

#header_bg{
margin:10px 0 0 0;
}


/******************************************************************
フッター
******************************************************************/

#footer{
text-align:center;
margin:0 0 50px 0;
font-size:93%;
}

#gototop{
width:875px;
text-align:right;
padding-bottom:15px;
}

#go_to_top_wrap{
width:875px;
text-align:right;
padding-bottom:15px;
}

#copyright{
margin:1px 0 0 0;
color:#7c7d71;
}


/******************************************************************
グローバルメニュー
******************************************************************/

#global_menu_wrap{
width:875px;
}

#global_menu{
padding:0;
width:729px;
height:25px;
background:url(/common/image/global_navi_off_2.gif) no-repeat;
}

#global_menu ul{
padding:0;
margin:0;
}

#global_menu li{
display:inline;
list-style-type:none;
}

#global_menu li a{
height:25px;
display:block;
float:left;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}

#global_menu li.global_menu_1 a{
background:url(/common/image/global_navi_off_2.gif) no-repeat 0 0;
width:146px;
}

#global_menu li.global_menu_2 a{
background:url(/common/image/global_navi_off_2.gif) no-repeat -146px 0;
width:146px;
}

#global_menu li.global_menu_3 a{
background:url(/common/image/global_navi_off_2.gif) no-repeat -292px 0;
width:146px;
}

#global_menu li.global_menu_4 a{
background:url(/common/image/global_navi_off_2.gif) no-repeat -438px 0;
width:146px;
}

#global_menu li.global_menu_5 a{
background:url(/common/image/global_navi_off_2.gif) no-repeat -584px 0;
width:145px;
}

#global_menu li.global_menu_1 a:hover{
background:url(/common/image/global_navi_on_2.gif) no-repeat 0 0;
}

#global_menu li.global_menu_2 a:hover{
background:url(/common/image/global_navi_on_2.gif) no-repeat -146px 0;
}

#global_menu li.global_menu_3 a:hover{
background:url(/common/image/global_navi_on_2.gif) no-repeat -292px 0;
}

#global_menu li.global_menu_4 a:hover{
background:url(/common/image/global_navi_on_2.gif) no-repeat -438px 0;
}

#global_menu li.global_menu_5 a:hover{
background:url(/common/image/global_navi_on_2.gif) no-repeat -584px 0;
}

#global_menu li.global_menu_1_on a{
background:url(/common/image/global_navi_on_2.gif) no-repeat 0 0;
width:146px;
}

#global_menu li.global_menu_2_on a{
background:url(/common/image/global_navi_on_2.gif) no-repeat -146px 0;
width:146px;
}

#global_menu li.global_menu_3_on a{
background:url(/common/image/global_navi_on_2.gif) no-repeat -292px 0;
width:146px;
}

#global_menu li.global_menu_4_on a{
background:url(/common/image/global_navi_on_2.gif) no-repeat -438px 0;
width:146px;
}

#global_menu li.global_menu_5_on a{
background:url(/common/image/global_navi_on_2.gif) no-repeat -584px 0;
width:145px;
}


/******************************************************************
ホーム
******************************************************************/

#home #mainimage{
padding:25px 0 15px 0;
}

#home #information{
margin:0 0 25px 0;
line-height:200%;
}

#home #information .mark{
margin-right:5px;
}

#home ul{
margin: 0;
padding: 0;
}

#home li{
margin: 0;
padding: 5px;
list-style-type: none;
}


/******************************************************************
ブログ
******************************************************************/

#topicpath{
padding:10px 0 25px 0;
color:#999999;
font-size:93%;
}

#content{
width:550px;
float:left;
margin-right: 25px;
}

#content{
font-size:16px;
line-height:180%;
}

#content .page_navigation{
color:#999999;
text-align:right;
width:550px;
margin:0 0 20px 0;
font-size:93%;
}

#content .post{
width:550px;
margin:0 0 40px 0;
padding:0;
}

#content .content{
padding:0;
}

#content h2{
color:#333;
line-height: 150%;
font-size:24px;
font-weight: bold;
margin: 0 0 5px 0;
}

#content h3 {
color:#333;
border-bottom:1px #666 solid;
margin:0 0 15px 0;
font-weight: bold;
}

#content h4 {
color:#333;
border-bottom:1px #666 dotted;
margin:0 0 10px 0;
font-weight: bold;
}

#content .post .meta{
color:#999;
margin-left: 0;
padding: 0;
list-style-type:none;
}

#content .post .meta .date{
font-size: 14px;
line-height: 16px;
float: left;
margin: 0 25px 0 0;
padding: 0 0 0 20px;
background: url(/common/image/calendar_week.png) no-repeat 0px 0px;
}

#content .post .meta .category{
font-size: 14px;
line-height: 16px;
float: left;
margin-right: 25px;
margin: 0 25px 0 0;
padding: 0 0 0 20px;
background: url(/common/image/folder_classic.png) no-repeat 0px 0px;
}

#content .post .meta .tag{
font-size: 14px;
line-height: 16px;
float: left;
margin-right: 25px;
margin: 0 25px 0 0;
padding: 0 0 0 20px;
background: url(/common/image/tag.png) no-repeat 0px 0px;
}

#content .post .meta a{
font-size: 14px;
line-height: 16px;
}

#content img{
border:1px solid #dddddd;
padding:3px;
}

#content blockquote ol{
margin:0;
padding:0 20px;
}

#content span.qnote {
font-style: italic;
color:#999;
}

#content span.qnote a {
color:#999;
font-style: italic;
}


#content .quote_from{
text-align:right;
}

#content pre{
font-size: 14px;
line-height: 200%;
white-space: pre;
word-wrap: normal;
overflow:auto;
width:530px;
padding:10px;
margin: 0;
background-color:#f5f5f5;
border:#e3e3e3 1px solid; 
}

#content div.box_1{
overflow:auto;
width:530px;
color:#777777;
padding:10px;
margin: 0;
background-color:#fcfcfc;
/*border:#eff0f0 1px solid;*/
border:#e3e3e3 1px solid;
}

.box_1 ul{
margin: 0;
padding: 0;
list-style-position: inside;
}

.box_1 li{
margin: 0;
padding: 5px;
list-style-type: circle;
}

.box_1 ul li ul{
margin: 0 0 0 20px;
}

#content .similar_posts{
margin:15px 0 15px 0;
padding:20px 0;
}

#content .similar_posts li{
margin-left:0;
}

.post_navi {
margin-top: 35px;
line-height: 150%;
padding: 10px;
background: #f3f3f3;
}

.post_prev {
margin-bottom: 5px;
}

/* 一覧 */
#content .headline {
margin-bottom: 10px;
}

#content .headline .thumb{
float: left;
width: 170px;
}

#content .headline .content{
float: left;
width: 380px;
word-wrap: break-word;
}

#content .headline h2,
#content .headline h2 a{
font-size:24px;
font-weight: bold;
line-height:150%;
color:#444;
}

#content .headline h2 a:hover{
color:#CC0066;
text-decoration:underline;
}

#content .headline h2 a:visitd{
color:#444;
text-decoration:none;
}

#content .headline .content p{
font-size:16px;
line-height:180%;
}

#content .headline .content .metadata{
text-align:right;
color:#999;
margin:0 0 15px 0;
background-image:url(/common/image/post_metadata_border.gif);
background-repeat:no-repeat;
padding-top:5px;
font-size:13px;
}

#content .headline .content .date{
font-size:14px;
}

#content .headline .content .metadata a{
font-size:13px;
}


/******************************************************************
サイドバー
******************************************************************/
#sidebar{
width:300px;
margin:0 0 45px 0;
float:left;
}

#sidebar .box{
background-color: #efefef;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 15px;
}

#sidebar .header{
width:300px;
height:48px;
text-align:right;
}

#sidebar .header1{
background:url(/common/image/sidebar_title_4-2.gif) no-repeat;
}

#sidebar .header2{
background:url(/common/image/sidebar_title_5-2.gif) no-repeat;
}

#sidebar .header3{
background:url(/common/image/sidebar_title_6-2.gif) no-repeat;
}

#sidebar .body{
padding:0 10px;
margin:0;
overflow:hidden;
color:#666666;
}

#sidebar .body ul{
list-style-type:none;
margin:0;
padding:0;
}

#sidebar .body ul li{
background: url(/common/image/folder_classic.png) no-repeat 0px 4px;
margin: 0 0 5px 0;
padding:0 0 6px 20px;
}

#sidebar .tag ul li{
background: url(/common/image/tag.png) no-repeat 0px 4px;
}

#sidebar .body ul li a,
#sidebar .body ul li p{
font-size: 16px;
font-weight: bold;
line-height:150%;
}

#sidebar .body ul.recent_posts li{
background-image: none;
margin: 0 0 5px 0;
padding:0 0 6px 0;
}

#sidebar .body ul.recent_posts li img{
border: 3px solid white;
margin: 0px 10px 0 0px;
float: left;
}

#sidebar .footer{
width:300px;
height:11px;
background:url(/common/image/sidebar_footer_3.gif) no-repeat;
}


/******************************************************************
HAPPY*TRAPとは
******************************************************************/
#about .answer{
margin:10px 0 50px 0;
padding:20px;
background-color:#EBEBEB;
}

#about .answer .dog{
float:left;
margin-right:15px;
}

#about .answer .txt{
float:left;
width:700px;
}
#about .answer p{
font-size:14px;
line-height:180%;
margin-bottom: 15px;
}


/******************************************************************
お問い合わせ
******************************************************************/
#contact {
margin-bottom: 25px;
}

#contact .table_1{
width:100%;
font-size:93%;
border-collapse:collapse;   
margin-bottom: 15px;
}

#contact .table_1 th{
padding:10px;
width:200px;
color:#333; 
background:#eee;            
border:1px solid;
border-color:#b1b8c0;
text-align:left;
}

#contact .table_1 td{
padding:10px;
text-align:left;
border:1px solid;   
border-color:#b1b8c0;       
background:#fff;        
}

#contact .table_1 .title{
text-align:left;
background-color:#323b3a;
}

#contact .table_1 .center{
text-align:center;
}

#contact .lead, #contact .link, #contact .note{
font-size:93%;
}


/******************************************************************
ブックマーク
******************************************************************/
#bookmark #wrap{
width:100%;
background:#eeeeee;
line-height: 150%;
}

#bookmark #wrap #wrap_inner{
padding:5px;
}

#bookmark #wrap .box{
margin:5px;
width:161px;
border:#d7d7d7 solid 1px;   
background:#ffffff;     
color:#666666;
float:left;
display:inline;  /* IE6 fix */
word-wrap: break-word;
}

#bookmark #wrap .box_inner{
padding:10px;
}

#bookmark #wrap .box .title{
padding:0 0 0 3px;
border-left:5px solid #333;
margin-bottom:2px;
font-size: 16px;
}

#bookmark #wrap .box .content{
font-size:12px;
}

#bookmark #wrap .box .title a{
color:#333;
text-decoration:none;
}

#bookmark #wrap .box .title a:hover{
color:#CC0066;
text-decoration:underline;
}

#bookmark #wrap .box .title a:visitd{
color:#333;
text-decoration:none;
}

#bookmark #pagination_wrap{
margin:15px auto;
text-align:right;
}

#bookmark #pagination_wrap #pagination li{
font-size:93%;
list-style:none;
float:left;
}

#bookmark #pagination_wrap #pagination a{
border:solid 1px #DDDDDD;
margin-right:2px;
}

#bookmark #pagination_wrap #pagination .previous-off,
#bookmark #pagination_wrap #pagination .next-off{
color:#666666;
display:block;
font-weight:bold;
padding:3px 4px;
}

#bookmark #pagination_wrap #pagination .next a,
#bookmark #pagination_wrap #pagination .previous a{
font-weight:bold;
border:solid 1px #FFFFFF;
}

#bookmark #pagination_wrap #pagination .current{
color:#DF2979;
font-weight:bold;
display:block;
padding:4px 6px;
}

#bookmark #pagination_wrap #pagination a:link,
#bookmark #pagination_wrap #pagination a:visited{
display:block;
padding:3px 6px;
text-decoration:none;
}

#bookmark #pagination_wrap #pagination a:hover{
border:solid 1px #666666;
}


/******************************************************************
サービス
******************************************************************/
#service .section{
padding:0 0 50px 0;
margin:0 0 50px 0;
border-bottom:1px #999999 dotted;
}

#service .last{
border-bottom:none;
}

#service .section h2{
margin-bottom: 0;
}

#service .section h3{
font-size: 22px;
margin-bottom: 10px;
}
#service .section .thumb{
float:left;
display:inline;
width:308px;
}

#service .section p{
font-size:16px;
line-height:180%;
}

#service .section .txt{
width:532px;
float:left;
display:inline;
margin-left:25px;
}

#service .section .txt ul{
margin: 0;
padding: 0;
list-style-position: inside;
}

#service .section .txt li{
font-size:16px;
margin: 0;
padding: 5px;
list-style-type: circle;
}


/******************************************************************
メンテナンス
******************************************************************/

.maintenance_message{
margin:50px 0 100px 0;
color:#ff3c00;
font-weight:bold;
line-height:150%;
padding:10px;
background-color:#FFE1E1;
border:1px dotted;
border-color:#FF99CC;
font-size:100%;
}


/******************************************************************
その他
******************************************************************/

.link{
text-align:center;
margin:25px 0;
font-size:92%;
}

.form_buttons{
text-align:center;
padding:25px 0 0 0;
}

.middle *{
vertical-align:bottom;
}

/* マージン */
.w60{width:60px;}
.w100{width:100px;}
.w120{width:120px;}
.w160{width:160px;}
.w200{width:200px;}
.w400{width:400px;}
.w500{width:500px;}
.w95per{width:95%;}
.h50{height:50px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.h500{height:500px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}

.message{
margin:5px 0;
color:#ff3c00;
font-weight:bold;
line-height:150%;
padding:10px;
background-color:#FFE1E1;
border:1px dotted;
border-color:#FF99CC;
font-size:92%;
}

.error_message{
font-size:92%;
padding:10px;
margin-bottom:15px;
background-color:#FFE1E1;
border:1px dotted;
border-color:#FF99CC;
}

.error{
color:#CC0066;
font-weight:bold;
}

.error_field{
border:2px solid #CC0066;
}

img.icon{
margin-right:5px;
}

.lead{
font-size:92%;
margin-bottom:15px;
}

.note{
font-size:92%;
margin-bottom:5px;
}

.red{
color:#DF2979;
}

.gray1{
color: #bfbfbf;
}

.gray2{
color: #7f7f7f;
}

.gray3{
color: #bfbfbf;
}

.green1{
color: #2e7d35;
}

hr {
display: none;
}

div.separator {
border-bottom: dashed 1px #ddd;
padding: 0;
margin:0;
}

a.name {
margin:0;
padding: 0;
line-height: 0;
}

div.strong{
font-weight: bold;
margin: 0;
padding: 0;
}