@charset "utf-8";
/*--------------------------------------------------
	i-deal Competition
--------------------------------------------------*/

/*=YUI==============================================
Base Fonts Setting by
Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.

Font-size Adjustment--------------------------------

77% = 10px	122% = 16px	167% = 22px
85% = 11px	129% = 17px	174% = 23px
92% = 12px	136% = 18px	182% = 24px
100% = 13px	144% = 19px	189% = 25px
107% = 14px	152% = 20px	197% = 26px
114% = 15px	159% = 21px

--------------------------------------------------*/
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,img {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	background:#f1f1f1;
	color: #555;
	font:13px/1.4 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height:1.2em;
	text-align:left;
	width:900px;
}

div{font-size: 100%;}

h1, h2, h3, h4, h5, h6 {
	line-height:1em;
	font-size: 100%;
	font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing:0;
}

th {
font-weight:bold;
padding:1px;
vertical-align:inherit;
}

td {
padding:1px;
text-align:inherit;
vertical-align:inherit;
}
table,tr,th,td{border:none;}

select,
input,
button,
textarea {
	font-size: 99%;
}

img { border:0; margin:0;}
img.ban { border:0; margin:5px 0;}
a:hover img.ban {background-color:#f7f7f7;}

br{ letter-spacing:0;}

ol,ul,li { list-style:none;list-style-position: outside;}
li img{vertical-align:top;}

em{font-style: normal;}
/* ---------------------------------------- */

a:link,
a:visited{
color: #0073e6;
text-decoration: underline;
outline:none;
}
a:hover{text-decoration: none;}


/*---------------------------------------------------------------------------
float
---------------------------------------------------------------------------*/
.fL{ float:left; }
.fR{ float:right; }
.imgL{
float:left;
margin:0 10px 10px 0;
}
.imgR{
float:right;
margin:0 0 10px 10px;
}
.clear{ clear:both;}

/*----- float clear ---------*/
#content .repo-comm:after,
#content .comment-repo:after,
#footer ul:after,
#content ul#articleList li a:after,
#content dl.name:after,
#content .photo_wide:after,
#s_menu:after,
body#contact #content form dl:after,
body#entry #content form dl:after,
#content:after,
#content:after,
#main:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#content .repo-comm,
#content .comment-repo,
#footer ul,
#content ul#articleList li a,
#content dl.name,
#content .photo_wide,
#s_menu,
body#contact #content form dl,
body#entry #content form dl,
#content,
#main,
.clearfix {
  min-height: 1px;
}


* html #content .repo-comm,
* html #content .comment-repo,
* html #footer ul,
* html #content ul#articleList li a,
* html #content dl.name,
* html #content .photo_wide,
* html #s_menu,
* html body#contact #content form dl,
* html body#entry #content form dl,
* html #content,
* html #main,
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*---------------------------------------------------------------------------
	layout
---------------------------------------------------------------------------*/
#wrap{
width:900px;
	background:#fff url("../images/footer_bg.gif") repeat-x center bottom;
border-left:1px solid #ccc;
border-right:1px solid #ccc;}

#main{
margin:0;
padding:0 0 70px 0;
}

#content{
margin:14px 40px;
}

.contentL{
width:580px;
margin-right:0;
}

#contentR{
width:200px;
float:right;
background: #fff;
display:block;
padding:14px 40px 14px 0;
}


#footer {
	position: relative;
	margin-top: -70px;
	height: 70px;
	clear:both;
} 


/*---------------------------------------------------------------------------
	header
---------------------------------------------------------------------------*/
#header table{
width:900px;
table-layout:fixed;
border-collapse: collapse;
border-spacing: 0;
}

#header table td{
text-align:center;
padding:0;
}

#header table td a{
display:block;
width:100%;
color: #000;
font-weight:bold;
text-decoration: none;
margin:0;
padding:5px 0;
border-bottom:5px solid #999;
border-left:1px solid #b7b7b7;
}

#header table td a:hover{border-bottom:5px solid #000;}
#header table td.top a{border-left:none;}


body#top #header table td.top a{border-bottom:5px solid #005ebc;}
body#apply #header table td.apply a{border-bottom:5px solid #005ebc;}
body#article #header table td.article a{border-bottom:5px solid #005ebc;}
body#contact #header table td.contact a{border-bottom:5px solid #005ebc;}
body#entry #header table td.entry a{border-bottom:5px solid #005ebc;}
body#lang #header table td.lang a{border-bottom:5px solid #005ebc;}
body#intervew #header table td.intervew a{border-bottom:5px solid #005ebc;}
body#faq #header table td.faq a{border-bottom:5px solid #005ebc;}


/*---------------------------------------------------------------------------
	s_menu
---------------------------------------------------------------------------*/
#s_menu{
background: #f1f1f1 url("../images/s_menu_bg.gif") repeat-x center top;
border-top:1px solid #ccc;
border-bottom:1px solid #ddd;
}

#s_menu ul li{
background: transparent url("../images/s_menu_bd.gif") no-repeat right center;
float:left;
}

#s_menu ul li.lastChild{background-image:none;}


#s_menu ul li a{
display:block;
color:#005ebc;
font-size:85%;
font-weight:bold;
text-decoration: none;
padding:8px 2em 5px 2em;
}

#s_menu ul li.cur a{
background: #005ebc url("../images/s_menu_a.gif") repeat-x center top;
color:#fff;
}

#s_menu ul li a:hover{
background: #005ebc url("../images/s_menu_a.gif") repeat-x center top;
color:#fff;
}


/*---------------------------------------------------------------------------
	main
---------------------------------------------------------------------------*/

h1{
background: transparent url("../images/h1_bg.gif") repeat-x center bottom;
padding:20px 40px;
color: #005ebc;
font-size:114%;
}

h2{
margin-bottom:16px;
background: #666 url("../images/h2_bg.gif") no-repeat left center;
padding:8px 10px 8px 30px;
color:#fff;
}

h3{
margin-bottom:1em;
border-left:6px solid #005ebc;
padding:1px 1px 1px 6px;
color:#000;
}



#content .box{
border:1px solid #999;
margin-bottom:10px;
padding:10px 10px 0 10px;
}
#content .intro{
border-bottom:1px dotted #999;
margin-bottom:2em;
}


#content p{margin-bottom:1.2em; line-height:1.6em;}
#content p.small{font-size:85%;}
#content p span.small{font-size:85%; padding:0 0.3em;}
#content p strong{font-weight:bold;color:#333;}
#content p em{color:#cd2929;}
#content p a:hover{background-color:#f7f7f7;}

	body#intervew #content p:first-letter {padding-left:1em;}
	body#intervew #content h3 {margin-top:1.5em;}



#content ul,#content ol{
margin-bottom:2em;
line-height:1.3em;
color:#005ebc;
font-weight:bold;
font-size:92%;
}

#content ul li,#content ol li{margin-bottom:8px;}

#content ul{margin-left:1.5em;}
#content ul li{
list-style: disc outside;
}
	#content ul li p{margin:0.6em 0 1.2em 0;color:#555;font-weight:normal;}
	#content ul li ul{margin-top:0.5em;margin-left:2em;font-size:100%;}
	#content ul li ul li{list-style-type: circle;font-weight:normal; margin:0;}

#content ol{margin-left:2em;}
#content ol li{list-style: decimal outside;}
	#content ol li p{margin:0.6em 0 1.2em 0;color:#555;font-weight:normal;}
	#content ol li ul{margin-left:3em;font-size:100%;}
	#content ol li ul li{list-style: lower-roman outside;font-weight:normal;}



.comment{
margin-bottom:1em;
border:1px solid #b8e2eb;
background: #e7f9fd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:1em 2em;
}

#content .comment p{margin:0; line-height:1.6em;}
#content .comment p.bold{font-weight:bold; color:#333;}
#content .comment p.writer{margin-top:0.5em; line-height:1em;text-align:right;font-weight:bold;}

/* ---------------------------------------- */
table.topinfo{
border-top:2px solid #999;
border-bottom:2px solid #999;
width:100%;
margin-bottom:20px;
font-size:92%;
}



table.topinfo th,
table.topinfo td{
border-bottom:1px solid #999;
}

table.topinfo th{
background: #f7f7f7 url("../images/topinfo_bg.gif") repeat-y right bottom;
width:120px;
text-align:center;
font-weight:normal;
padding:1em;
}

table.topinfo td{
padding:0.5em 1em;
text-align:left;
line-height:1.6em;
}

table.topinfo td span{
width:11em;
display:block;
float:left;
}

table.topinfo td .banner_box{
margin-top:10px;
text-align:center;
}

table.topinfo td .banner_box img.ban{
margin:0 ;
}


/* ---------------------------------------- */
body#intervew #content h4,
body#article #content h4{
background: transparent url("../images/h4_bg.gif") no-repeat left 0.5em;
color:#005ebc;
font-weight:normal;
padding-left:30px;
margin-bottom:1em;
line-height:1.2em;
}

#content dl.name{
margin-bottom:1em;
}


#content dl.name dt{
float:left;
font-weight:bold;
color:#333;
line-height:1.6em;
}

#content dl.name dd{
display: block;
margin-left:3em;
}


/* ---------photo------------------------------- */

#content dl.photo{
margin:20px auto;
}

#content dl.photo_L{
float:left;
margin:20px 20px 20px 0;
}

#content dl.photo_R{
float:right;
margin:20px 0 20px 20px;
}

#content dl.photo dt,
#content dl.photo_L dt,
#content dl.photo_R dt{
line-height:0;
padding-bottom:5px;
}

#content dl.photo dd,
#content dl.photo_L dd,
#content dl.photo_R dd{
font-size:85%;
color:#999;
padding-bottom:5px;
}

#content .photo_wide{
margin:0 auto 20px auto;
}

#content .photo_wide dl.photo{
float:left;
margin:0 5px;
}

#content .photo_wide em{
font-size:85%;
color:#888;
margin:0;
padding:5px;
clear:both;
display: block;
}


#content table.phototable{margin:0 auto 20px auto;border:4px solid #f7f7f7;}
#content table.phototable td{
background-color:#f7f7f7;
vertical-align:bottom;

padding-right:10px;
font-size:85%;
color:#888;
}



/* -----------repo----------------------------- */


#content .comment-repo{
margin-bottom:1em;
border:1px solid #999;
background: #d6d6d6 url("../images/prof_bg.gif") repeat-x center bottom;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:10px;
}


#content .comment-repo img{float:right;margin:0 0 0 10px;}


#content .comment-repo p{	text-align:center;font-weight:bold; color:#333; overflow: hidden; _zoom: 1; margin:0;padding:2em 0 0 0;}

#content .comment-repo p span{
	display:block;
	color:#777;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:5px 0;
	margin-top:10px;
	font-weight:normal;
	}

#content .repo-comm{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd;}
#content .repo-comm img{float:right;margin:0 0 0 10px;padding:0;}
#content .repo-comm h4{color:#005ebc;padding-bottom:5px;line-height:1.2em;}
#content .repo-comm p{padding-left:2em;padding-bottom:0;margin-bottom:0;}




/* -----------article----------------------------- */

#content ul#articleList{margin:0;}

#content ul#articleList li{
list-style:none;
margin:0 0 10px 0;
}

#content ul#articleList li a{
color:#005ebc;
border:1px solid #ddd;
text-decoration: none;
display:block;
padding:16px;
}

#content ul#articleList li a img{
float:left;
}

#content ul#articleList li a:hover{border:1px solid #96dbff;}

#content ul#articleList li:hover,
#content ul#articleList li a:hover{
background-color: #f7f7f7;
}

#content ul#articleList li a h3,
#content ul#articleList li a p{
margin:0;
display:block;
position: relative;
margin-left:320px;
}

#content ul#articleList li a h3{
font-size:122%;
color:#005ebc;
border:none;padding:0;
padding-bottom:10px;
line-height:1;
}

#content ul#articleList li a p{font-size:92%;}

#content ul#articleList li a p.date{
text-align:right;
font-family:Verdana;
}

#content ul#articleList li a:hover h3,
#content ul#articleList li a:hover p{
color:#00a7fd;
}




/* --------------pagination-------------------------- */

#content .pagination{
position: relative;
overflow: hidden;
}

#content .pagination ul{
position: relative;
left:50%;
float:left;
margin:0 0 10px 0;
}

#content .pagination ul li{
position: relative;
left:-50%;
float:left;
list-style:none;
margin-right:2px;
font-size:11px;
}

#content .pagination ul li a{
margin-right:2px;
border:solid 1px #ccc;
}

#content .pagination ul li.previous-off,
#content .pagination ul li.next-off {
border:solid 1px #dedede;
color:#ccc;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}

#content .pagination ul li.next a,
#content .pagination ul li.previous a {
font-weight:bold;
}

#content .pagination ul li.active{
background:#2e6ab1;
color:#fff;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#content .pagination ul li a:link,
#content .pagination ul li a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#content .pagination ul li a:hover{
border:solid 1px #0e509e;
background:#f7f7f7;
}

/* ---------------------------------------- */

#main .back{
margin:0 40px 10px 40px;
text-align:right;
padding:10px 0;
clear:both;
}

#main .back a{
background: #666 url("../images/btn_back_bg_a.gif") no-repeat center right;
padding:8px 30px 8px 10px;
color:#fff;
font-size:85%;
font-weight:bold;
text-decoration: none;
border-left:1px solid #fff;
}
#main .back a:hover{background: #222 url("../images/btn_back_bg.gif") no-repeat right center; color:#fff;}



#main .back a.entries{
background: #0073e6;
padding:8px 50px;
}

#main .back a:hover.entries{background: #40beff;}

/*---------------------------------------------------------------------------
	contentR
---------------------------------------------------------------------------*/
#contentR ul{margin-bottom:20px;}
#contentR ul li{
color:#005ebc;
font-weight:bold;
font-size:85%;
margin-bottom:10px;
}

#contentR ul li a{
color:#005ebc;
text-decoration: none;
display:block;
}

#contentR ul li:hover,
#contentR ul li a:hover
{background-color:#f7f7f7;}

#contentR ul li a h4{
color:#000;
text-decoration: underline;
line-height:1.4em;
margin:3px 0;
}

#contentR ul li a span{
color:#666;
font-weight:normal;
}


	#contentR #twitter{
	padding:0;
	margin-bottom:20px;
	}
	#contentR #twitter a{margin:0;padding:0;}

	#contentR #twitter a:hover{
	text-decoration: none;
	background-color:#f7f7f7;
	}

	#contentR #twitter .twtr-doc a:hover {
	text-decoration:none !important;
	}

	#contentR #twitter h3{
	color:#355ebc;
	margin:0;
	border:0;
	padding:0;
	}

	#contentR #twitter .twtr-widget .twtr-tweet {
	border-bottom:1px dotted #85b5e6;
	}
	#contentR #twitter .twtr-ft span{font-size:10px;}



#contentR dl#prof{
background: #d6d6d6 url("../images/prof_bg.gif") no-repeat center bottom;
padding:5px;
}

#contentR dl#prof dt{padding-bottom:5px;}
#contentR dl#prof dt img{width:190px;}

#contentR dl#prof dd{
padding:5px;
font-size:85%;
color:#666;
}

#contentR dl#prof dd.name{
font-size:122%;
font-weight:bold;
color:#555;
}

#contentR dl#prof dd.info{
font-size:92%;
font-weight:bold;
color:#005ebc;
}




/*---------------------------------------------------------------------------
	contact_form
---------------------------------------------------------------------------*/
body#contact #content form{
margin-bottom:10px;
}

body#contact #content form .txt_box{
border-width:1px 0;
border-style: solid;
border-color: #ccc;
}

body#contact #content form .txt_box dl{
background-color:#fff;
border-width:1px 0;
border-style: solid;
border-color: #ccc;
}
body#contact #content form .txt_box dl.gray{background-color:#f7f7f7; border-color:#fff;}

body#contact #content form .txt_box dt{
float:left;
padding:10px 0 10px 1px;
width:150px;
background: #fff;
}

body#contact #content form .txt_box dl.gray dt{background: #f7f7f7;}

body#contact #content form .txt_box dl dt.icome{background: #fff url("../images/icome_w.gif") no-repeat right 12px;}
body#contact #content form .txt_box dl.gray dt.icome{background: #f7f7f7 url("../images/icome_g.gif") no-repeat right 12px;}

body#contact #content form .txt_box dt span{
border-left:5px solid #005ebc;
display:block;
margin-left:1px;
padding-left:10px;
font-weight:bold;
}

body#contact #content form .txt_box dd {
float:right;
padding:9px 0;
width:660px;
}

body#contact #content form .txt_box dd .form_txt{
width:630px;
padding:0.3em;
margin:5px 0;
}

body#contact #content form .bt_box{
padding:10px 0;
text-align:center;
}

body#contact #content form .bt_box input{margin:0 3px; width:80px;}


body#contact #content form p.error_msg{
background: #fff url("../images/icon_error.gif") no-repeat left center;
border:3px solid #cd2929;
padding:3px 3px 3px 40px;
font-size:114%;
font-weight:bold;
color:#cd2929;
}

body#contact #content form .txt_box dd em.error_msg{
display:block;
font-weight:bold;
color:#cd2929;
margin-bottom:5px;
}

/*---------------------------------------------------------------------------
	entry_form
---------------------------------------------------------------------------*/
body#entry #content form{
margin-bottom:10px;
}

body#entry #content form .txt_box{
border-width:1px 0;
border-style: solid;
border-color: #ccc;
}

body#entry #content form .txt_box dl{
background-color:#fff;
border-width:1px 0;
border-style: solid;
border-color: #ccc;
}
body#entry #content form .txt_box dl.gray{background-color:#f7f7f7; border-color:#fff;}

body#entry #content form .txt_box dt{
float:left;
padding:10px 0 10px 1px;
width:150px;
background: #fff;
}

body#entry #content form .txt_box dl.gray dt{background: #f7f7f7;}

body#entry #content form .txt_box dl dt.icome{background: #fff url("../images/icome_w.gif") no-repeat right 12px;}
body#entry #content form .txt_box dl.gray dt.icome{background: #f7f7f7 url("../images/icome_g.gif") no-repeat right 12px;}

body#entry #content form .txt_box dt span{
border-left:5px solid #005ebc;
display:block;
margin-left:1px;
padding-left:10px;
font-weight:bold;
}

body#entry #content form .txt_box dd {
float:right;
padding:9px 0;
width:660px;
}

body#entry #content form .txt_box dd .form_txt{
width:630px;
padding:0.3em;
margin:5px 0;
}

body#entry #content form .bt_box{
padding:10px 0;
text-align:center;
}

body#entry #content form .bt_box input{margin:0 3px; width:80px;}


body#entry #content form p.error_msg{
background: #fff url("../images/icon_error.gif") no-repeat left center;
border:3px solid #cd2929;
padding:3px 3px 3px 40px;
font-size:114%;
font-weight:bold;
color:#cd2929;
}

body#entry #content form .txt_box dd em.error_msg{
display:block;
font-weight:bold;
color:#cd2929;
margin-bottom:5px;
}

/*---------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------*/
#footer p.copy{padding: 0 0.5em;font-size: 85%;font-family:Verdana;}
#footer ul{margin:0 0 0 40px;font-size: 85%;padding-top:20px;}
#footer ul li{
float:left;
padding:0 0.5em;
 border-right:1px solid #cdcdcd;
}

#footer ul li a{text-decoration: none;}

/*---------------------------------------------------------------------------
	ルビ
---------------------------------------------------------------------------*/
/**************************************************************************************************************

 * Example    : <span class="ezRuby" title="[ruby text]"> [ruby base] </span> 

 ***************************************************************************************************************/

/* IE6,7 */
.ezRuby{
  border-bottom: 1px dotted #666666;
  cursor: help;
}

/* Ruby Base */
html>/* */body .ezRuby {
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: none;
  display: inline-block;
}

/* Ruby Text */
html>/* */body .ezRuby:before {
  font-size: 0.64em;
  font-weight: normal;
  line-height: 1.2;
  text-decoration: none;
  display: block;
  content: attr(title);
}


/* Adapt to your site's CSS */
html>/* */body .ezRuby:hover{
  color: #000000;
  background-color: #e7f9fd;
}

html>/* */body .ezRuby:hover:before{
  background-color: #b8e2eb;
}



/*---------------------------------------------------------------------------
	プロモーションコメント
---------------------------------------------------------------------------*/

#pr_comment{
border-top:3px double #fff;
border-bottom:3px double #fff;
margin:10px 0;
padding:5px;
background-color:#e7f9fd;
text-align:center;
}

#pr_comment h3{
border:none;
color:#0073e6;
margin:10px auto;
}

#pr_comment p{
font-size:85%;
margin:0 auto;
}

#pr_comment p a{
display:block;
margin:10px auto;
padding:5px;
width:200px;
font-weight:bold;
font-size:120%;
border:1px solid #333;
background-color:#fff;
text-decoration: none;
}

#pr_comment p a:hover{
background-color:#f7f7f7;
}