@charset "utf-8";

/* #
--------------------------------------------- */
.phrase
{
	margin: 4px 0 4px 0px;
	width:100%;
	border:none;
    float: left;
}

/* #main_image
--------------------------------------------- */
.main_image
{
	margin:  0;
    padding: 0;
    width:  100%;
    clear:both;
}

/* #gallery
--------------------------------------------- */
.works
{
	margin:   20px 0 0 0;
    padding:  0;
    width:  100%;
    clear:both;
}

.works_titile
{
	margin:   1px;
    padding:  0;
    width:  100%;
}
.works_list
{
	margin:  1px;
    padding: 10px;
    border-style: solid;
    border-width: 1px 0px;
    border-color : 222222;
    background-color: #000000;
}


/* #topic
--------------------------------------------- */
.topic
{
	margin: 20px 10px 20px 10px;
    padding:  0;
/*    width:  100%;*/
    clear:both;
}

.topic1 {
	margin: 0;
    padding: 10px 5px 0 10px;
	width:355px;
    height:100%;
	border:none;
    position: relative;
    vertical-align: bottom;
    float: left;
}
.topic1 img
{
    margin: 0 0 10px 0;
}

.topic2 {
	margin: 0;
    padding: 10px 5px 0 0;
	width:150px;
    height:100%;
	border:none;
    position: relative;
    vertical-align: bottom;
    float: left;
}
.t_qr
{
    background: url(../image/index/qr_code.gif) no-repeat;
	background-position: 15px bottom;
    padding:0 0 105px 0;
    height:30px;
}
.t_qr p
{
	background: url(../image/common/mark02.gif) no-repeat;
	background-position: 0 2px;
    margin:0;
    padding:0 0 0 15px;
    font-size: 1.2em;
}

.topic3 {
	margin: 0;
	padding:0;
	width:350px;
	border:1px solid #6A6A6A;
	background-color: #bfbfbf;
    float: left;
}

.topic_clear
{
	margin: 0;
	padding:0;
    clear:both;
}
/* #news
--------------------------------------------- */
/*
.index_news {
	margin:10px;
	padding:0;
	list-style-type: none;
	color:#333;
	font-size:1.2em;
	line-height: 1.4;
}

.index_news li { 
	margin:0 0 10px 0;
	padding:0;
	
}

.index_news li .news_date {
	margin:0;
	padding:0 0 0 15px;
	background: url(../image/index/mark01.gif) no-repeat;
	background-position: 0 2px;
	display: block;
}

.index_news li a
{
    text-decoration:none;
	color:#333;
}

.index_news li a:hover{ 
	color:#F00;
}
*/
/* #report
--------------------------------------------- */
.report_list {
	margin:10px;
	padding:0;
	list-style-type: none;
	color:#333;
	font-size:1.2em;
	line-height: 1.4;
}

.report_list li { 
	margin:0 0 10px 0;
	padding:0;
	
}

.report_list li .report_date {
	margin:0;
	padding:0 0 0 15px;
	background: url(../image/index/mark01.gif) no-repeat;
	background-position: 0 2px;
	display: block;
}

.report_list li a
{
    text-decoration:none;
	color:#333;
}

.report_list li a:hover{ 
	color:#F00;
}