@charset "UTF-8";

/* Common
-------------------------------*/
* {
	padding:0;
	margin:0;
}

html{
	height:100%;
}

body{
	height:100%;
	line-height:160%;	
	font:100%/1.8 "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	background:#FFF;
	color:#333;
}

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
	clear:both;
	display:block;
}

ul {
	list-style:none;
	display:block;
}

img { 
	vertical-align:bottom;
	border:0;
}

a img {
	border:none;
	outline:none;
    -moz-outline-style:none;
}

img.btn_alpha:hover {
	opacity:0.7;	/*Standard: FF gt1.5, Opera, Safari*/
	filter: alpha(opacity=70);	/*IE lt8*/
	-ms-filter:"alpha(opacity=70)";	/*IE8*/
	-khtml-opacity:0.7;	/*Safari1.x*/
	-moz-opacity:0.7;	/*FF lt1.5, Netscape*/
}

a:link, a:visited, a:active {
	color:#CC3979;
	text-decoration:underline;
}
a:hover {
	color:#CC3979;
	text-decoration:none;
	outline:none;	/*クリック時の点線を消す*/
}
.clear {
	clear: both;
	display:block;
	height:1px;
	width:1px;
	overflow:hidden;
}
.reader {
	display:block;
	height:1px;	
	width:1px;
	overflow:hidden;
}

.top_mgn10 {margin-top:10px;}
.top_mgn20 {margin-top:20px;}
.top_mgn30 {margin-top:30px;}
.btm_mgn10 {margin-bottom:10px;}
.btm_mgn20 {margin-bottom:20px;}
.btm_mgn30 {margin-bottom:30px;}
.top_pad10 {padding-top:10px;}
.top_pad20 {padding-top:20px;}
.top_pad30 {padding-top:30px;}
.lft_pad5 {padding-left:5px;}
.lft_pad10 {padding-left:10px;}
.lft_pad20 {padding-left:20px;}
.lft_pad30 {padding-left:30px;}
.rgt_pad5 {padding-right:5px;}
.rgt_pad10 {padding-right:10px;}
.rgt_pad20 {padding-right:20px;}
.rgt_pad30 {padding-right:30px;}
.flow_left {float:left;}
.flow_right {float:right;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.f_strong {font-weight:bold;}
.f_normal {font-weight:normal;letter-spacing:normal;}
.f_large {font-size:1.3em;}
.f_small {font-size:0.9em;}


/*==================================
 wrapper
===================================*/
#wrapper {
	position:relative;
	text-align:center;
	margin:0;
	padding:0;
	height:auto !important;
    height:100%;
    min-height:100%;
	font-size:82%;
}


/*==================================
 header
===================================*/
#header {
	height:150px;
}
#header_inner {
	position:relative;
	width:1000px;
	height:150px;
	margin:0px auto;
	position:relative;
}


/*==================================
 footer
===================================*/
#footer {
	position:absolute;
	bottom:-80px;
	left:0;
	background:#F4F3F0;
	color:#999;
	height:80px;
	width:100%;
}
#footer_inner {
	width:1000px;
	height:80px;
	margin:0px auto;
	background:#F4F3F0;
	position:relative;
}
#footer_inner .btn_pagetop {
	position:absolute;
	top:-40px;
	right:20px;
}
#footer_inner .link {
	position:absolute;
	left:20px;
	top:20px;
	padding-left:10px;
	background:url("../images/arrow1.jpg") no-repeat left 3px;
	font-size:85%;
}
#footer_inner .copy {
	position:absolute;
	right:20px;
	top:20px;
}
#footer a:link,
#footer a:active,
#footer a:visited {
	color:#666;
	text-decoration:none
}
#footer a:hover {
	color:#666;
	text-decoration:underline;
	outline:none;	/*クリック時の点線を消す*/
}


/*==================================
 content
===================================*/
#content {
	width:1000px;
    /*min-height:400px;*/
	margin:0 auto;
	padding:50px 0;
	text-align:left;
	position:relative;
}


/*==================================
 sidenavi
===================================*/
#sidenavi {
	width:180px;
	float:left;
	padding:0 30px;
}
#sidenavi .logo {
	padding:0 0 20px;
}
#sidenavi h1 {
	height:100px;
	margin:0 0 40px;
}
#sidenavi ul.menu {
	padding:0 0 5px;
}
#sidenavi ul.menu li {
	padding:8px 0 14px;
	color:#797979;	
}
#sidenavi ul.menu li.line {
	border-top:1px solid #DDDDDD;
	padding:0;
}
#sidenavi ul.menu li.line_end {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:0;
	margin-bottom:30px;
}
#sidenavi ul.menu li.txt {
	background:url("../images/arrow5.jpg") no-repeat left 2px;
	padding:0 0 0 10px;
	margin:8px 0 16px;
	display:block;
	line-height:1.2;
}
#sidenavi ul.menu li.txt a:link,
#sidenavi ul.menu li.txt a:visited,
#sidenavi ul.menu li.txt a:active,
#sidenavi ul.menu li.txt a:hover {
	color:#797979;
	font-size:0.85em;
}
#sidenavi ul.menu li.tw_t {
	padding:8px 0 0;
}
#sidenavi ul.menu li.tw_b {
	font-size:0%;
	line-height:0;
	padding:0 0 14px;
}

#tweets {
	width:164px;
	padding:0 5px;
	border-left:3px solid #53AACC;
	border-right:3px solid #53AACC;
}
.tweet {
	font-size:0.85em;
	border-bottom:1px solid #53AACC;
	padding:5px 0;	
	display: block;
	clear: both;
	overflow: hidden;
}
.tweet img {
	float:left;
}
.tweet p.text {
	width:120px;
	float:right;
	line-height:150%;
}

/*#tweet {
	width:180px;
}
#tweet ul {
	border-left:3px solid #53AACC;
	border-right:3px solid #53AACC;
}
#tweet ul li {
	display:block;
	border-bottom:1px solid #53AACC;
	line-height:140%;
}
#tweet ul li p.content {
	padding:5px 10px;
	font-size:11px;
	display:block;
	overflow:hidden;
}
#tweet ul li p.date {
	padding:0 10px;
	font-size:10px;
	color:#999;
	display:block;
}
#tweet ul li p.content a:link,
#tweet ul li p.content a:visited {
	color:#2D90AC;
	text-decoration:underline;
}
#tweet ul li p.content a:hover,
#tweet ul li p.content a:active {
	color:#2D90AC;
	text-decoration:none;
}
#tweet ul li p.date a:link,
#tweet ul li p.date a:visited {
	color:#999;
	text-decoration:none;
}
#tweet ul li p.date a:hover,
#tweet ul li p.date a:active {
	color:#999;
	text-decoration:underline;
}*/
#sidenavi p.btn_tweet {
	padding:5px 5px 0;
	border-left:3px solid #53AACC;
	border-right:3px solid #53AACC;
}
#sidenavi ul.sns {}
#sidenavi ul.sns li {
	float:left;
	padding-right:10px;
}


/*==================================
 main
===================================*/
#main {
	width:700px;
	float:right;
	padding:0 30px 30px 0;
	color:#666;
}
#main .title {
	padding:0 0 30px;
	/*padding:0 0 80px;*/
}
#main .title_result {
	float:left;
	padding:0 0 35px;
	width:120px;
}
#main .hit {
	float:right;
	text-align:right;
	padding-right:20px;
}
#main .flow {
	padding:0 0 50px;
	font-size:11px;
}
#main .flow p {
	font-size:11px;
	font-weight:bold;
	letter-spacing:normal;
	line-height:220%;
}
#main h2 {
	padding-bottom:26px;
}
#main h3 {
	padding-bottom:40px;	
}
#main ul.tab {
	width:700px;
	padding-bottom:30px;			
}
#main .tab li {
	float:left;		
}
#main .each_box {
	width:700px;
	border-top:3px solid #CD3C79;
	padding:15px 0 40px;
}
#main p {
	font-size:100%;
	font-weight:bold;
	letter-spacing:-0.08em;
	color:#464646;
}
#main p.num1 {
	padding-bottom:20px;
	padding-left:32px;
	background:url("../images/num1.jpg") no-repeat left top;	
}
#main p.num2 {
	padding-bottom:20px;
	padding-left:32px;
	background:url("../images/num2.jpg") no-repeat left top;	
}

#main p.num3 {
	padding-bottom:20px;
	padding-left:32px;
	background:url("../images/num3.jpg") no-repeat left top;	
}
#main p.square {
	padding-bottom:20px;
	padding-left:18px;
	background:url("../images/square.jpg") no-repeat 1px 2px;	
}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	padding:0;
	text-align:left;
}
table td {
	padding:10px 0 15px;
	vertical-align: middle;
	font-size:0.9em;
}
table.c_box {
	width:33%;
	float:left;
}
table th {
	padding:7px 0;
	vertical-align: middle;
	font-size:0.9em;
}

table th p {
	width:133px;
	border-bottom:1px dotted #999;
	padding:0 0 4px 20px;
	background:url("../images/arrow2.jpg") no-repeat left 2px;
}
table.c_box td {
	padding:5px 3px 3px;
}


/* form ==========*/
input,
select,
textarea {
	outline: none;
	border:1px solid #999;
	padding:5px 10px;
	font-size:13px;
}
input:focus,
select:focus,
textarea:focus {
	background-color: #FFF;
	border:1px solid #CD3C79;
}
input.no_border,
input.no_border:active {
	border:none;
}
.updnWatermark {
	color:#999;
	padding:3px 10px;
	font-size:13px;
}

/* result ==========*/
table.pagenavi {
	width:680px;
	font-size:0.9em;
}
table.pagenavi td {
	padding:0;
}
table.pagenavi td img {
	vertical-align:middle;
}
table.pagenavi .num {
	padding:0 10px;
}
#main #resultlist {
	clear:both;
	width:700px;
}
#resultlist li {
	width:120px;
	/*height:174px;
	/*overflow:hidden;*/
	border-top:1px dotted #999;
	padding:20px 0;
	margin-right:20px;
	float:left;	
	text-align:center;
	display:block;
	font-size:0.85em;
	font-weight:normal;
	letter-spacing:normal;
	line-height:155%;
	position:relative;
}
#resultlist li a {
	display:inline-block;
}
#resultlist ul.top li {
	border:none;
}
#resultlist li a:link,
#resultlist li a:visited,
#resultlist li a:active	{
	color:#CD3C79;
	text-decoration:none;
}
#resultlist li a:hover {
	color:#CCC;
	text-decoration:none;
}
#resultlist li img.work {
	width:120px;
	height:120px;
	margin-bottom:20px;
	display:block;
}
#resultlist li img.work:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-khtml-opacity:0.7;
	-moz-opacity:0.7;
	box-shadow: 0px 0px 5px #CCC; /*CSS3*/
	-moz-box-shadow: 0px 0px 5px #CCC; /* Firefox用*/
	-webkit-box-shadow: 0px 0px 5px #CCC; /* Google Chrome, Safari用*/
}
#resultlist img.prize {
	position:absolute;
	top:20px;
	right:0;
	width:33px;
	height:33px;	
}
.preloader {
	background:url("../images/loader_s.gif") no-repeat center 60px;
}


/* detail ==========*/
#detail_head {
	margin-bottom:20px;
}
#detail_head .class {
	width:200px;
	float:left;
}
#detail_head .sns_each {
	float:right;
	text-align:right;
}
.sns_each .twitter {
	display:inline-block;
	width:110px;
}
.sns_each .facebook {
	display:inline-block;
}
#detail_head h1 {
	font-size:24px;
	font-weight:bold;
	display:block;
	padding:10px 0 0;
}
#detail_head h2 {
	font-size: 12px;
	padding: 8px 0 10px;
}
#detail_img {
	padding:0 58px 0 40px;
}
#detail_img #slides {
	position:relative;
	width:400px;
	height:400px;
	overflow:auto;
	float:left;
}
#detail_img #slides li {
	width:400px;
	height:400px;
	z-index:1;
}
/*#detail_img img.prize {
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}*/
#detail_img ul.pagination {
	width:148px;
	float:right;
}
#detail_img ul.pagination li {
	width:148px;
	height:120px;
	cursor:pointer;
	background:url("../images/mark_others.gif") no-repeat left top;
	display:block;
	padding:0 0 20px 20px;
}
#detail_img ul.pagination li:hover {
	opacity:0.7;	/*Standard: FF gt1.5, Opera, Safari*/
	filter: alpha(opacity=70);	/*IE lt8*/
	-ms-filter:"alpha(opacity=70)";	/*IE8*/
	-khtml-opacity:0.7;	/*Safari1.x*/
	-moz-opacity:0.7;	/*FF lt1.5, Netscape*/
}
#detail_img ul.pagination li.current {	
	background:url("../images/mark_others_on.gif") no-repeat left top;
}
#detail_img ul.pagination li.no_img {
	cursor:default;
}
#detail_img ul.pagination li.no_img:hover {
	opacity:1.0;	/*Standard: FF gt1.5, Opera, Safari*/
	filter: alpha(opacity=100);	/*IE lt8*/
	-ms-filter:"alpha(opacity=100)";	/*IE8*/
	-khtml-opacity:1.0;	/*Safari1.x*/
	-moz-opacity:1.0;	/*FF lt1.5, Netscape*/
}
#detail_txt {
	padding:0 58px 40px 40px;
}
#detail_txt ul.info {
	padding:30px 0 0;
}
#detail_txt ul.info li {	
	padding:0 0 10px 110px;	
	margin:0 0 10px 0;
	font-size:0.85em;
	display:block;
	border-bottom:1px dotted #999;
}
#detail_txt ul.info li.prize {
	background:url("../images/t_prize.jpg") no-repeat left top;
}
#detail_txt ul.info li.technique {
	background:url("../images/t_technique.jpg") no-repeat left top;
}
#detail_txt ul.info li.year {	
	background:url("../images/t_year.jpg") no-repeat left top;
}
#detail_txt ul.info li.more {	
	background:url("../images/t_more.jpg") no-repeat left top;
}
#detail_txt ul.info li.profile {	
	background:url("../images/t_profile.jpg") no-repeat left top;
}