@charset "UTF-8";
@import "base.css";

/*----------  Container -----------*/


#wrapper {
	text-align: left;
	}

#main {
	width:96%;
	margin:10px 2% 0;
	text-align: left;
}

#content {
	width: 100%;
	margin:0;
	}

#side{
	width: 100%;
	margin: 0;
}

#header_bg{
	height:107px;	
	width:100%;
	position: fixed;
    top: 0px;
    left: 0px;
	z-index:999;
	background:#FFF;
}

#contents-body{
	width:100%;
}

#header{
	width:100%;
	margin: 0 auto;
	position:relative;
}

#footer_bg{
	height:182px;
	margin:100px 0 0 0;
	border-top:solid 1px #000;
}

#footer{
	width:100%;
	margin: 0 auto;
	position:relative;
}

table{
	width:100%;
	margin:0 auto;
}
*html table{margin:0 10px;}

/*----------  Header -----------*/

#header p.logo a{
	position:absolute;
	top: 45px;
	left: 0px;
}

#header .page_catch{
	color:#000;
	float:right;
	font-size:10px;
	border-bottom:1px solid #000;
	padding:3px 0;
}

#header .sub_catch{
	position:absolute;
	top: 55px;
	color:#000;
	font-size:12px;
	left: 150px;
}

#header #menu-box{
	position:absolute;
	width:100%;
	height:30px;
	right:0px;
	top: 0px;
	border-radius:5px;
	background:#FFF;
	box-shadow: 0px 0px 3px #ccc; 
}

#header_message{
display:none;
}

#menu-box{
	margin:100px auto 0;
}


#menu{
    display: none;
}

#menu li{
    width: 50%;
	float:left;
 }
 
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #444;
}
#tab-box{
	display:none;
}
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }




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

#side .tit_bridge{
	background:url(../images/tit_bridge.png) 0 0 no-repeat;
	width:100%;
	height:42px;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}

#side .tit_ranking{
	background:url(../images/tit_ranking.png) 0 0 no-repeat;
	width:100%;
	height:42px;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}

#side .box_line{
	padding:5%;
	width:90%;
	border:1px solid #000;
}

#side .link_blue{
	width:120px;
	height:24px;
	background:#000;
	margin:0 auto 10px auto;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  

}
	
#side .link_blue p a{
	background:url(../images/arrow02.png) 0 0 no-repeat;
	background-size:18%;
	font-size:12px;
	line-height:24px;
	color:#FFF;
	margin: 5px 10px;
	padding:0 0 0 20px;
	display:block;
}


#side .ranking_blue p{
	width:18px;
	height:20px;
	background:#000;
	float:left;
	margin:0 5px 5px 0;
	padding:0 5px;
	font-size:10px;
	line-height:20px;
	color:#FFF;
}

#side .content-archive{
	width:100%;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	clear:both;
}

#side .content-archiveL{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	clear:both;
}


#side .content-archive-img{
	width:30%;
	height:auto;
	margin:1%;
	float:left;
}

#side .content-archive-img img{
	width:100%;
	height:auto;
}

#side .content-archive-text{
	width:65%;
	margin:1%;
	float:right;
}

#side .content-archive-day{
	width:100px;
	float:left;
}
#side .content-archive-text h4 a{
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
	font-size:14px;
}
#side .content-archive-gray{
	display:none;
}


/*----------  content -----------*/

.section{
	margin:0 0 30px 0;
	clear:both;
}

.section02{
	margin:0 2.5% 0 0;
	float:left;
}

.section02_r{
	width:47%;
	margin:0 0 30px 0;
	float:left;
}

#content h3,#side h3{
	font-size: 18px;
}

#content h4{
	font-size: 16px;
}

h5{
	font-size: 16px;
	border-left: #000 solid 5px;
	line-height:16px;
	padding:5px 0 5px 8px ;
	color:#000;
	margin:10px 0;
}
h6{
	font-size: 14px;
	padding:0 0 10px 0;
	color:#000;
}

#content .lead{
	font-size:16px;
	margin:10px 0;
	line-height:24px;
}

.photobox_full{
	border:#CCC solid 1px;
	padding:10px;
	width:94%;
	margin:15px 0;
}

.photobox_r{
	border:#CCC solid 1px;
	padding:10px;
	width:94%;
}

.photobox_l{
	border:#CCC solid 1px;
	padding:10px;
	width:94%;
}
.company_logo_list{
	width:40%;
	float:left;
	padding:10px;
	text-align:center;
}


#content .tit01,#side .tit01{
width:100%;
height:auto;
line-height:30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border:1px solid #CCC;
}

#content .tit01 h3,#side .tit01 h3{
	border-left:6px solid #000;
	color:#000;
	font-weight:bold;
	margin:0;
	padding:0 0 0 10px;
	line-height:40px;
}

#content .tit_todays{
	background:url(../images/tit_todays.png) 0 0 no-repeat;
	width:353px;
	height:42px;
	text-indent:-9999px;
	margin-bottom:15px;
}

#content .tit_pickup{
	background:url(../images/tit_pickup.png) 0 0 no-repeat;
	width:353px;
	height:42px;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}

#content .tit_favorite{
	background:url(../images/tit_favorite.png) 0 0 no-repeat;
	width:353px;
	height:42px;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}

#content .tit_category{
	background:url(../images/tit_category.png) 0 0 no-repeat;
	width:353px;
	height:42px;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}

#content .tit_whatsnew{
	background:url(../images/tit_whatsnew.png) 0 0 no-repeat;
	width:353px;
	height:42px;
	text-indent:-9999px;
	margin-bottom:15px;
	margin-top:30px;
	clear:both;
}


#content .column-group.head {
    clear: both;
}

#content .content-archiveL{
	width:48%;
	float:left;
	margin:1%;
	height:280px;
}

#content .content-archive-day{
	padding: 0 0 0 0;
	float:left;
	width:180px;
}

#content .content-archive-img{
	width:100%;
	height:140px;
	text-align:center;
	float:left;
	background:#F0F0F0;
}

#content .content-archive-img img{
	width:auto;
	max-width:100%;
	height:auto;
	max-height:140px;
}

#content .content-archive-text{
	width:100%;
	float:left;
}

#content .pickup .content-archiveL{
	width:100%;
	height:100px;
	margin-bottom:20px;
}

#content .pickup .content-archive-img{
	width:30%;
	height:auto;
	float:left;
}

#content .pickup .content-archive-img img{
	width:auto;
	max-width:120px;
	height:auto;
	max-height:95px;
}

#content .pickup .content-archive-text{
	width:65%;
	margin:0;
	float:right;
}

#content .pickup .content-archive-tit{
	padding:0 0 5px 0;
}

#content .section02 .content-archiveL,#content .recomend_box .content-archiveL{
	width:100%;
	height:80px;
	margin-bottom:20px;
}


#content .content-archive-tit{
	padding:5px 0;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}

#content .content-archive-day{
	width:100px;
	float:left;
}

#content .content-archive-color{
	background:#ECEEF2;
	padding:0 5px;
	float:left;
}

#content .tit_recomend{
	background:url(../images/tit_recomend.png) 0 0 no-repeat;
	width:100%;
	height:42px;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}

#content .content_none{
	display:none;
}

#content .archive02 .content-archiveL{
	border:none;
	width:100%;
}

#content .archive02 .content-archive-img{
	display:none;
}

#content .archive02 .content-archive-text{
	width:100%;
	padding:10px 0 10px 0;
}

.tab-clear{
	clear: both;
}
#content .content-archive-text h4 a,#content .archive02 .content-archive-text h4 a{
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}

#content .archive02 .content-archive-gray,#content .archive02 .content-archive-img img{
	display:none;
}

#content .content-archive-gray{
	background:#ECEEF2;
	padding:3px;
	clear:both;
	margin:0 10px 10px 10px;
}

#content .content-archive-gray ul li{
	float:left;
	margin:0 10px 0 5px;
	font-size:10px;
}

#content .recomend_box{
	margin-bottom:20px;
}

#content .recomend_box .content-archiveL{
	width:100%;
}

#content .recomend_box .content-archive{
	width:100%;
}

#content .recomend_box .content-archive-day{
	background:url(../images/icon_day.png) 0 0 no-repeat;
	padding: 0 0 0 18px;
	clear:both;
}

#content .recomend_box .content-archive-img{
	width:30%;
	height:80px;
	margin:1%;
	float:left;
}

#content .recomend_box .content-archive-img img{
	max-height:80px;
}

#content .recomend_box .content-archive-text{
	width:65%;
	margin:1%;
	float:right;
}

#content .recomend_box .content-archive-text h4 a{
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
	font-size:14px;
}
#content .recomend_box .content-archive-gray{
	display:none;
}


#content .content-archive-gray .icon_category{
	background:url(../images/icon_category.png) 0 center no-repeat;
	padding:0 0 0 18px;
}

#content .content-archive-gray .icon_writer{
	background:url(../images/icon_writer.png) 0 center no-repeat;
	padding:0 0 0 18px;
}

#content .company_logo{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5%;
	width:90%;
}

#content .company_logo p{
	float:left;
	margin:0 3% 0 0 ;
}



#bread-crumb{
	clear:both;
	width:94%;
	margin:0 auto;
	padding:150px 10px 5px 0;
}

#bread-crumb li{
	display:inline;
	float:left;
	margin:0 10px 0 0 ;
}

#bread-crumb li a{
	background:url(../images/pankuzu_arrow.png) right center no-repeat;
	display:inline;
	float:left;
	padding:0 30px 0 0 ;
}


#content p{
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
/*--text-align: justify;
	text-justify: inter-ideograph;
	͕𗼒[ɂwłB--*/
}


#content ul.page-navi{
	height:30px;
	min-width:80px;
	margin:30px auto;
	text-align:center;
	clear:both;
	text-align:center;
    position: relative;
	float:right;
}

.page-navi li{
	width:20px;
	height:20px;
	border:1px solid #000;
	display:inline;
	float:left;
	margin:5px;
	background:#000;
	color:#fff;
	position: relative;
}

.page-navi li a{
	background:#fff;
	color:#000;
	display:block;
	border:1px solid #000;
	width:20px;
	height:20px;
}

.wp_social_bookmarking_light{
	clear:both;
}


#content table{
	font-size:1.2em;
	margin:20px 0;
}

#content table tr{
	border:1px solid #fff;
}

#content table,
#content table tr,
#content table td,
#content table th{
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#content table th{
	vertical-align:top;
	width:30%;
	color:#fff;
	padding:5px;
	background:#000;
}

#content table span{
	color:red;
}

#content table td{
	padding:5px;
	background:#F0F0F0;
}

.next_page a{
	display:block;
	margin:20px auto;
	height:20px;
	line-height:20px;
	text-align:center;
	width:260px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border:1px solid #CCC;
}
/*----------  Footer -----------*/


#footer p.logo a{
	position:absolute;
	top: 18px;
	left: 0px;
}

#footer .sub_catch{
	position:absolute;
	top: 35px;
	color:#000;
	font-size:12px;
	left: 150px;
}

#footer #footer-list{
	position:absolute;
	width:290px;
	height:60px;
	right:10px;
	top:90px;
}


#footer #footer-list li{
	display: inline;
	line-height:26px;
	text-align:center;
	float:left;
	width:130px;
}

#footer #footer-list .gray a{
	color:#000;
	line-height:30px;
}

#footer #footer-list #icon-about a{ background:url(../images/icon-about.png) 0 center no-repeat; padding:0 0 0 20px; margin:0 15px 0 15px;}
#footer #footer-list #icon-contact a{ background:url(../images/icon-contact.png) 0 center no-repeat; padding:0 0 0 20px; margin:0 5px;}

#footer address{
	position:absolute;
	width:300px;
	height:30px;
	right:10px;
	top: 160px;
	text-align:right;
}


/*----------  index -----------*/
#alound {
	background:url(../images/index_bg_img.jpg) top center no-repeat;
}

#headercontent{
	width:100%;
	padding: 0;
	margin:135px auto 0 auto;
}

#index #tit02 a{
	background:url(../images/index_tit02.gif) 0 0 no-repeat;
	width:227px;
	height:27px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	outline:none;
}
#index #tit03 a{
	background:url(../images/index_tit03.gif) 0 0 no-repeat;
	width:227px;
	height:27px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	outline:none;
}

#index #bt01 a{
	background:url(../images/index_bt01.gif) 0 0 no-repeat;
	width:227px;
	height:82px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	outline:none;
}

#index #bt02 a{
	background:url(../images/index_bt02.gif) 0 0 no-repeat;
	width:227px;
	height:82px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	outline:none;
}
#index #bt03 a{
	background:url(../images/index_bt03.gif) 0 0 no-repeat;
	width:227px;
	height:82px;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	outline:none;
}


#content .entry-content,#content .posts{
	clear:both;
	margin:0;
}

#content .entry-content p{
	font-size:14px;
	line-height:28px;
	margin:0 0 10px 0;
}

#content .entry-content p img{
	width:100%;
	height:auto;
}

#content .bg-gray{
	background:#ECEEF2;
	padding:5px;
}

#content　.bg-gray .entry-date{
	width:100px;
	float:left;
	margin-right:20px;
	background:url(../images/icon_day.png) 0 0 no-repeat;
	padding: 0 0 0 18px;
}
#content .link{
	width:100px;
	float:left;
	background:url(../images/icon_writer.png) 0 center no-repeat;
	padding:0 0 0 18px;
}

#content .writer{
	width:200px;
	float:left;
	background:url(../images/icon_writer.png) 0 center no-repeat;
	padding:0 0 0 18px;
}

#content .lead{
	clear:both;
	color:#000;
}

#content .lead{
	clear:both;
	font-size:16px;
	border-bottom:1px solid #000;
	padding-bottom:5px;
}

#content .banner01 a{
	background:url(../images/banner01.png) 0 0 no-repeat;
	background-size:100%;
	width:100%;
	padding:11% 0;
	display:block;
	text-indent:-9999px;
}

#content .banner02 a{
	background:url(../images/banner02.png) 0 0 no-repeat;
	background-size:100%;
	width:100%;
	padding:11% 0;
	display:block;
	text-indent:-9999px;
}

.follow_twitter a{
	background:url(../images/follow_twitter.png) 0 0 no-repeat;
	background-size:100%;
	width:100%;
	padding:7% 0;
	display:block;
	text-indent:-9999px;
	margin-bottom:10px;
}

.follow_fb a{
	background:url(../images/follow_fb.png) 0 0 no-repeat;
	background-size:100%;
	width:100%;
	padding:7% 0;
	display:block;
	text-indent:-9999px;
	margin:30px 0 10px 0;
}
/* .slideShow
------------------------- */
.slideShow {
    margin: 0 auto;
    text-align: left;
    display: none;
}
 
/* .mainView
------------------------- */
.slideShow .mainView {
    width: 100%;
    position: relative;
    overflow: hidden;
	margin:90px 0 0 0;
}
.slideShow .mainView ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideShow .mainView ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.slideShow .mainView ul li img {
    width: 100%;
}

 
/* .thumbNail
------------------------- */
.slideShow .thumbNail {
    overflow: hidden;
	background:#fff;
}
 
.slideShow .thumbNail ul {
    width: 100%;
	padding:0px;
	margin:0px;
}
 
.slideShow .thumbNail ul li {
    float: left;
    cursor: pointer;
	border-top:3px solid #F00;
	background:#000;
}
 
 
.slideShow .thumbNail ul li h4{
	padding:3px 15px 0 10px;
	font-size:12px;
	color:#FFF;

}
 
 
 .slideShow .thumbNail ul li p {
	 display:none;
}
 
.slideShow .thumbNail ul li img {
    width: 100%;
}
 
.slideShow .thumbNail ul li.active {
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}



.slideShow .thumbNail .thumbNail_work{
	border-top:3px solid #B52E1F ;
	background:#000;
 }
 
 
.slideShow .thumbNail .thumbNail_life{
	border-top:3px solid #D1772F ;
	background:#000;
 }
 
 
.slideShow .thumbNail .thumbNail_love{
	border-top:3px solid #EBE342;
	background:#000;
 }
 
 
.slideShow .thumbNail .thumbNail_news{
	border-top:3px solid #4D8729;
	background:#000;
 }
 
 
.slideShow .thumbNail .thumbNail_interview{
	border-top:3px solid #02266C;
	background:#000;
 }
 
.slideShow .thumbNail .thumbNail_other{
	border-top:3px solid #562C72;
	background:#000;
 }
 
 
/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
    top: 0;
    width: 5%;
    height: 100%;
    position: absolute;
    z-index: 100;
}
.slideShow .mainView .btnPrev {
    left: 0;
    background: #ccc url(../img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
    right: 0;
    background: #ccc url(../img/btnNext.png) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.slideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.slideShow ul {
    display: inline-block;
    overflow: hidden;
}


.slideShow .mainView .mainview_li01{
	padding:0;
	width:100%;
	height:375px;
	position:absolute;
}
.slideShow .mainView .mainview_li01 .postion_text{
	position:relative;
	top:165px;
	right:0px;
	background:#000;
	width:100%;
	padding:30px 0 0 430px;
	height:85px;
	filter: alpha(opacity=80)!important;
    -moz-opacity: 0.8!important;
    opacity: 0.8!important;
	z-index: 200;
}

.slideShow .mainView .mainview_li01 .postion_text p{
	font-size:10px;
	line-height:18px;
	color:#fff;
}

.slideShow .mainView .mainview_li01 img{
	position:relative;
	top:-150px;
	left:0px;
    max-height: 310px;

}

.slideShow .mainView .mainview_li01 .mainview_tit{
	position:relative;
	top:225px;
	left:6%;
	text-align:left;
	z-index: 300;
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}


.content-archive-work{
	background: #B52E1F ;
	color:#FFF;
	padding:0 5px;
	float:right;
 }
 
 
.content-archive-life{
	background:#D1772F ;
	color:#FFF;
	padding:0 5px;
	float:right;
 }
 
 
.content-archive-love{
	background:#EBE342;
	color:#666666;
	padding:0 5px;
	float:right;
 }
 
 
.content-archive-news{
	background:#4D8729;
	color:#FFF;
	padding:0 5px;
	float:right;
}
 
 
.content-archive-interview{
	background:#02266C;
	color:#FFF;
	padding:0 5px;
	float:right;
 }
 
.content-archive-other{
	background:#562C72;
	color:#FFF;
	padding:0 5px;
	float:right;
 }
 
 
 
.content-archive-work-l{
	background: #B52E1F ;
	color:#FFF;
	padding:2px 10px;
	float:right;
	margin:10px 10px 0 0;
 }
 
 
.content-archive-life-l{
	background:#D1772F ;
	color:#FFF;
	padding:0px 10px;
	float:right;
	margin:10px 10px 0 0;
 }
 
 
.content-archive-love-l{
	background:#EBE342;
	color:#666666;
	padding:2px 10px;
	float:right;
	margin:10px 10px 0 0;
 }
 
 
.content-archive-news-l{
	background:#4D8729;
	color:#FFF;
	padding:2px 10px;
	float:right;
	margin:10px 10px 0 0;
}
 
 
.content-archive-interview-l{
	background:#02266C;
	color:#FFF;
	padding:2px 10px;
	float:right;
	margin:10px 10px 0 0;
 }
 
.content-archive-other-l{
	background:#562C72;
	color:#FFF;
	padding:2px 10px;
	float:right;
	margin:10px 10px 0 0;
 }
 
.content-archive-work p,.content-archive-life p,.content-archive-news p,.content-archive-interview p,.content-archive-other p,.content-archive-work-l p,.content-archive-life-l p,.content-archive-news-l p,.content-archive-interview-l p,.content-archive-other-l p{
	color:#FFF;
}

.content-archive-love-l p,.content-archive-love p{
	color:#000;
}

.tit01-work h3{
	width:96%;
	height:auto;
	padding:0 2%;
	margin-bottom:10px;
	background:#B52E1F;
	color:#FFF;
}

.tit01-life h3{
	width:96%;
	height:auto;
	padding:0 2%;
	margin-bottom:10px;
	background:#D1772F;
	color:#FFF;
}

.tit01-love h3{
	width:96%;
	height:auto;
	padding:0 2%;
	margin-bottom:10px;
	background:#EBE342;
}

.tit01-news h3{
	width:96%;
	height:auto;
	padding:0 2%;
	margin-bottom:10px;
	background:#4D8729;
	color:#FFF;
}

.tit01-interview h3{
	width:96%;
	height:auto;
	padding:0 2%;
	margin-bottom:10px;
	background:#02266C;
	color:#FFF;
}

.tit01-other h3{
	width:96%;
	height:auto;
	padding:0 2%;
	margin-bottom:10px;
	background:#000;
	color:#FFF;
}



blockquote { display: block;
 margin: 0 0 1em 0;
 padding:30px;
 border-left:5px solid #999;
 background:url(../images/start.gif),
 url(../images/end.gif);
 background-repeat:no-repeat,no-repeat; 
 background-position:top left,bottom right;
 background-color:#efece6;
 }

iframe {
    width: 100%;
    height: 250px;
}


h4.word_h4{
	border-bottom:1px solid #000;
	padding:10px 0 5px 0;
	font-size:16px;
	font-weight:bold;
}

#content table.words_table td {
	padding:5px;
	background:#FFF;
	width:100%;
	vertical-align:top;
	float:left;
}
#content .words_table td a{
	background:url(../images/pankuzu_arrow.png) 0 center no-repeat;
	color:#06F;
	padding-left:20px;
}

#content table.lgbt_ally_table td {
	padding:5px;
	background:#FFF;
	width:100%;
	vertical-align:top;
	float:left;
}

#content table.lgbt_ally_table td img {
  border-radius: 100px;
  max-height: 200px;
  max-width: 200px;
  margin:0 auto;
  text-align:center;
}

#content table.lgbt_ally_table td .center{
	text-align:center;
}

#content table.lgbt_ally_table td h4 {
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	text-align:center;
}

#content table.lgbt_ally_table td .quote{
  margin:0 auto;
  text-align: right;
  color:#999;
  font-size:10px;
}


#content table.lgbt_ally_table td p{
	margin-top:10px;
}

#content table.lgbt_ally_table tr{
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-bottom:20px;
}

.all_icon{
	float:right;
}

.all_icon a{
	background:url(../images/pankuzu_arrow.png) 0 center no-repeat;
	color:#06F;
	padding-left:20px;
}