@charset "utf-8";

/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	background:url(../images/bg_head_line.gif) repeat-x left top #DA8102;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size:12px;
	padding:8px 0 0 0;
	font-size:85%;
	letter-spacing: 1px;
}
/*IE6以下用  [
----------------------------------------------------------------------- */
* html body { font-size:75%;}
/*--------------------------------------------------------------------- */
/*IE7以下用  [
----------------------------------------------------------------------- */
*:first-child+html body { font-size:75%;}
/*--------------------------------------------------------------------- */
/* safari用 [
----------------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
	body {font-size:12px;}
}
/*--------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
p,li,dt,dl {
	line-height:155%;
}
p {
	margin:0 0 0 0;
}
ul {
	padding:0;
	margin:0;
}
li {
	list-style-type:none;
	padding:0;
	margin:0;
}
img {
	border:0;
}
hr {
	display:none;
}
.clear {
	clear:both;
}
.section {
    zoom: 1;
}
.section:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

/*
 Link Color [
----------------------------------------------------------- */
a {
	color:#000000;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

/*
 clearfix [
----------------------------------------------------------- */
.clearfix:after { content: ""; display: block; clear: both; }

/*
 common [
----------------------------------------------------------- */
.Center { text-align: center; }
.Right  { text-align: right; }
.Left   { text-align: left; }


/*
 header [
----------------------------------------------------------- */
#header{
	background:url(/images/bg_head01.gif) repeat-x;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#FFFFFF;
	height:138px;
	text-align:center;
}

#header_main{
	background:url(/images/bg_head02.gif) no-repeat;
	height:138px;
	width:956px;
	margin:0 auto;
	text-align:left;
}

#logoarea{
	height:138px;
	width:300px;
	float:left;
}
#logoarea_in{
	display:block;
	padding:34px 0 0 27px;
}
#logoarea h1{
	display:block;
	height:70px;
	width:241px;
	background: url(/images/profill.logo.gif) left top no-repeat;
}
#logoarea h1 a{
	display:block;
	height:70px;
	width:241px;
	text-indent:-9999px;
}

#logoarea p{
	display:block;
	height:57px;
	width:239px;
}
#logoarea p a{
	display:block;
	height:57px;
	width:239px;
	text-indent:-9999px;
}


#head_menuarea{
	width:320px;
	float:right;
	padding:76px 0 0 0;
	position:relative;
}
#head_menuarea div#blogclub_link{
	width:117px;
	height: 26px;
	position:absolute;
	top: 40px;
	right: 38px;
	background: url(/images/blogclub.logo.small.gif) left top no-repeat;
}
#head_menuarea div#blogclub_link a{
	display:block;
	width:117px;
	height: 26px;
	text-indent:-9999px;
}

#head_menuarea .hm_home{
	width:59px;
	height:18px;
	margin:0 30px 0 0;
	float:left;
	display:block;
	text-indent:-9999px;
}
#head_menuarea .hm_home a{
	width:59px;
	height:18px;
	display:block;
	background:url(/images/bg_head_menu_home.gif) no-repeat;
}
#head_menuarea .hm_home a:hover{
	background-position:0 -18px;
}

#head_menuarea .hm_friend{
	width:91px;
	height:18px;
	margin:0 30px 0 0;
	float:left;
	display:block;
	text-indent:-9999px;
}
#head_menuarea .hm_friend a{
	width:95px;
	height:18px;
	display:block;
	background:url(/images/bg_head_menu_friend.gif) no-repeat;
}
#head_menuarea .hm_friend a:hover{
	background-position:0 -18px;
}

#head_menuarea .hm_logout{
	width:76px;
	height:18px;
	margin:0 30px 0 0;
	float:left;
	display:block;
	text-indent:-9999px;
}
#head_menuarea .hm_logout a{
	width:76px;
	height:18px;
	display:block;
	background:url(/images/bg_head_menu_logout.gif) no-repeat;
}
#head_menuarea .hm_logout a:hover{
	background-position:0 -18px;
}

#head_menuarea .hm_login{
	width:76px;
	height:18px;
	margin:0 30px 0 0;
	float:right;
	display:block;
	text-indent:-9999px;
}
#head_menuarea .hm_login a{
	width:76px;
	height:18px;
	display:block;
	background:url(/images/bg_head_menu_login.gif) no-repeat;
}
#head_menuarea .hm_login a:hover{
	background-position:0 -18px;
}

#head_menuarea .hm_regist{
	width:180px;
	height:18px;
	margin:0 30px 0 0;
	float:right;
	display:block;
	text-indent:-9999px;
}
#head_menuarea .hm_regist a{
	width:180px;
	height:18px;
	display:block;
	background:url(/images/bg_head_menu_regist.gif) no-repeat;
}
#head_menuarea .hm_regist a:hover{
	background-position:0 -18px;
}

#main .lite {
	width: 661px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#main .ttl_area{
	min-height:81px;
	height: auto !important;
	height: 81px;
	margin:0 0 25px 0;
}
#main .ttl_area .ttl_area_body{
	background:url(/images/ttl_h1_body.gif) no-repeat;
	height:59px;
}
#main .ttl_area .ttl_area_body h1{
	display:block;
	font-weight:bold;
	color:#17A7D8;
	padding:20px 0 0 35px;
	line-height:1.1;
	font-size:150%;
}
#main .ttl_area .ttl_area_foot{
	background:url(/images/ttl_h1_foot.gif) no-repeat right top;
	min-height:25px;
	height: auto !important;
	height: 25px;
}
#main .ttl_area .ttl_area_foot p{
	padding:8px 0 0 0;
	display:block;
}

#main .blog_cate_box{
	background:url(/images/bg_blog_category02.gif) no-repeat center bottom;
	padding-bottom:25px;
	margin-bottom:15px;
}
#main .blog_cate_box .blog_cate_box02{
	background:url(/images/bg_blog_category.gif) no-repeat center top;
	padding:25px 25px 0 25px;
}

/*
 container [
----------------------------------------------------------- */
#container{
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#FEC40A;
	text-align:center;
}
#container_main{
	background:url(/images/bg_mainarea.gif) repeat-y;
	width:956px;
	margin:0 auto;
	text-align:left;
}
#container_in{
	text-align:left;
	padding:0 28px 0 28px;
}

/*
 btn 登録ボタン [
----------------------------------------------------------- */
#register_area{
	height:46px;
	width:300px;
	margin:15px auto;
	text-align: center;
}
#register_area a{
	height:46px;
	width:221px;
	margin: 0 auto;
	background:url(/images/btn_regist.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
#register_area a:hover{
	background:url(/images/btn_regist.gif) no-repeat;
	background-position:0 -46px;
}

/*
 footer [
----------------------------------------------------------- */
#footer{
	clear:both;
	background:url(/images/bg_footer.gif) repeat-x left top;
	height:200px;
	text-align:center;
}
#footer_main{
	background:url(/images/bg_footer_main.gif) repeat-y;
	width:956px;
	height:50px;
	margin:0 auto;
	text-align:left;
}
.pagetop{
	padding:10px 0 0 816px;

}
.pagetop a{
	background:url(/images/bg_pagetop.gif) no-repeat left top;
	display:block;
	width:108px;
	height:13px;
	text-indent:-9999px;
	font-size:1px;
}
.pagetop a:hover{
	background:url(/images/bg_pagetop.gif) no-repeat left top;
	background-position:0 -13px;
}

#footer_linkarea{
	width:956px;
	height:50px;
	margin:0 auto;
	text-align:left;
}
#footer ul{
	display:block;
	padding:14px 18px 5px 10px;
}
#footer ul li.footlink {
	background:url(/images/icon_footer_link.gif) no-repeat left top;
	padding:0 10px 0 10px;
	float:left;
	line-height:1.1;
}
#footer ul li.footlink02 {
	float:right;
	line-height:1.1;
}
#footer ul li a{
	font-size:100%;
	color:#FFFFFF;
	text-decoration:none;
}
#footer ul li a:link{
	font-size:100%;
	color:#FFFFFF;
	text-decoration:none;
}
#footer ul li a:hover{
	font-size:100%;
	color:#FFFFFF;
	text-decoration:underline;
}

#footer p.tarea{
	width:956px;
	display:block;
	margin:0 auto 8px;
	text-align:left;
	font-size:100%;
	line-height:1.1;
	color:#FFFFFF;
	padding:0 0 0 10px;
}
#footer p.tarea a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer p.tarea a:link{
	text-decoration:none;
}
#footer p.tarea a:hover{
	text-decoration:underline;
}

/* h2 */
#main h2{
	background:url(/images/ttl_h2_line.gif) repeat-x left bottom;
	display:block;
	padding:0 0 7px 0;
	margin:0 0 9px 0;
	color:#FF9C00;
	font-weight:bold;
	font-size:116%;
}

/* h3 */
#main h3{
	display:block;
	padding:2px 0 2px 8px;
	margin:0 0 9px 4px;
	color:#323232;
	border-left:#FFAE00 5px solid;
	line-height:1.1;
	clear:both;
}

/* 強調01 */
#main strong.b01{
	color:#FFA311;
	font-weight:bold;
}
/* 強調02 */
#main strong.b02{
	color:#FF3F63;
	font-weight:bold;
}

/* 注釈 */
#main p.txt_s{
	font-size:83%;
}


/* profile */
div#profile {
    padding-top:10px;
}

div#profile div#profile_photo {
    float: left;
    width: 120px;
}
div#profile div#profile_info {
    float: left;
    width: 570px;
}
div#profile div#profile_info div.inner {
    padding: 0 10px;
}

div#profile div#profile_info h1 {
    font-size:200%;
    margin:10px 0;
}

div#profile div#profile_info div#introduction {
    margin: 5px;
}

div#profile div#qr {
    width:120px;
    text-align: center;
    float:right;
}

div#profile div.history {
    margin: 0 0 20px;
    padding: 13px 10px 10px;
    background-color: #ffefcf;
}

div#profile div.history ul li {
    margin: 5px 0;
    font-size: 12px;
    line-height: 1;
}

div#profile div.history ul li span {
    color: #666;
}

div#profile div#follow_count {
	text-align: center;
    margin: 10px 45px;
    padding: 10px;
}
div#profile div#follow_count span#follow {
	color: blue;
	font-size: 150%;
	font-weight: bold;
}
div#profile div#follow_count span#followed {
	color: red;
	font-size: 150%;
	font-weight: bold;
}


div#profile div#blog_info {
    margin: 20px 45px;
    padding: 13px 10px 10px;
    background: url(/images/line_white.gif) center top repeat-y #ffefcf;
}

div#profile div#blog_info div.blogArea {
    float:left;
    width:49%;
}

div#profile div#blog_info div.blogArea ul {
    margin: 0 10px;
    margin-bottom: 15px;
    padding: 0;
    font-size : 12px;
}

div#profile div#blog_info div.svcArea {
    float:right;
    width:48%;
}

div#profile div#blog_info div.svcArea div.inner {
    margin-left: 10px;
}

div#profile div#blog_info div.svcArea div.inner img {
    margin-right: 5px;
}
.gadget {
    width:179px;
    margin-right:1px;
    background-color:#fff;
    float:left;
}
.gadget h4 {
    padding: 5px 0;
    font-weight:bold;
    text-align:center;
    background-color:#ffd376;
}
.gadget .gadget_title {
    margin: 3px;
    height: 3em;
    color: #777;
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden;
}
.gadget .gadget_thumbnail {
    display: table-cell;
    width: 200px;
    height:160px;
    text-align: center;
    vertical-align: middle;
}


.ex {
	font-size: 90%;
	color: #888;
	margin-top: 3px;
}

.textarea{
	width: 100%;
}

div.error {
	color: red;
	font-size: 86%;
}

div.message {
	margin: 10px 0;
	padding: 10px;
}
div#authMessage {
	color: red;
	text-align: center;
	padding: 0;
}

div.msg {
	text-align: center;
	height: 150px;
	line-height: 150px;
}

ul.disc {
	background-color: #FFF4DF;
	margin: 5px 0;
	padding: 5px;
}
ul.disc li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}

.nowrap {
	width: 1%;
	white-space: nowrap;
}
table.tbl {
	width: 96%;
	margin-left: 2%;
	border-collapse: collapse;
}
table.tbl th,
table.tbl td {
    padding: 5px 10px;
}
table.tbl th {
    color: #FFAE00;
    border-bottom: 2px solid #FFAE00;
}
table.tbl td {
    background: url(/images/tbl_dotted_gray.gif) left bottom repeat-x;
}
table.tbl tr.even td {
    background-color: #f7f7f7;
}
div.blog_cate_box table.tbl{
	width: 100%;
	margin: 0;
}
div.blog_cate_box table.tbl th {
	width: 1%;
	white-space: nowrap;
    font-weight: bold;
	text-align: center;
	color: black;
	border: none;
    background: url(/images/tbl_solid_white.gif) left bottom repeat-x #ffefce;
}
div.blog_cate_box table.tbl td {
    background: url(/images/tbl_dotted_orange.gif) left bottom repeat-x #ffffff;
}
a.button {
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    background-color: #ffae00;
    border: 2px solid #ffd270;
    text-decoration: none;
}
a.button:hover {
    background-color: #fed06e;
    border: 2px solid #ffe9bb;
}
.Small {
	font-size: 90%;
}
.Gray {
	color: #666;
}
div#qr {
	float:right;
	width:120px
}


div#profileLeft{
	width: 160px;
	float: left;
}

div#profile{
	width: 720px;
	float: right;
}

div#prof{
	width: 136px;
	border: 2px solid #e0e0e0;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
}

div#prof div#profile_photo{
	padding-bottom:10px;
}

div#prof div#profile_photo img.floatLeft{
	width: 45px;
	height: 45px;
	float: left;
}

div#prof div#profile_photo div#profName{
	float: right;
	width: 85px;
	height: 45px;
}

div#prof div.memberArea{
	padding-bottom:10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

div#prof div.memberArea ul{
	padding-top:5px;
	padding-left:5px;
}

div#prof div.memberArea div{
	padding: 5px;
	margin-bottom: 10px;
	background-color: #E6E6E6;
}

div#prof div#serviceArea{
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

div#prof div#serviceArea .inner{
	padding-top:5px;
}

div#gadgetArea{
	padding-top: 31px;
	padding-bottom: 20px;
	background: url(/images/gadgetTitle.jpg) top left no-repeat;
}

div#gadgetArea div#gadgetBtn a{
	margin-top: 5px;
	background: url(/images/gadgetBtn.jpg) top left no-repeat;
	height: 33px;
	overflow:hidden;
	display: block;
}

div#gadgetArea div#gadgetBtn a:hover{
	background: url(/images/gadgetBtn.jpg) bottom left no-repeat;
}

div#QRimg{
	background: url(/images/qrBg.jpg) top left no-repeat;
	width: 98px;
	height: 190px;
	padding: 48px 31px 33px;
}

div#profile div#commentArea {
	padding: 10px;
	margin-bottom: 20px;
	font-size: 92%;
}

div#profileLeft #profile_photo .submit {
	background: none;
	
}
div#profileLeft #profile_photo .submit input {
	width: 128px;
}

div.blog_info{
	background:#FFEFCF repeat-y scroll center top;
	margin:10px 0;
	padding:13px 10px 10px;
}

a.edit img{
	vertical-align:top;
}

.red{
	color: red;
	font-weight: bold;
}

.red a{
	color: red;
	font-weight: bold;
}