@charset "UTF-8";

/*-------------
Reset
-------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td {padding: 0;margin: 0;}table {border-collapse: collapse;border-spacing: 0;}img {border: 0;}ol,ul {list-style: none;}address,em,strong,th {font-weight: normal;font-style: normal;}
hr{display:none;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
body{
font:14px/1.5 arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
select,input,button,textarea,button{
font:99% arial,helvetica,clean,sans-serif;
}
table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html br.clear {
	height:0px;
	clear:both;
	display: hidden;
	line-height:0;
	font-size:0px;
	zoom:1;
}

/*-------------
Body,Anchor
-------------*/

body {
background:#fff;
color:#000;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

a:link,
a:visited {
color:#000;
}

a:hover,
a:active  {
color: #006;
}

/*-------------
header
-------------*/
#header {
width:100%;
height:620px;
background:url(../img/ultimo/main.png) no-repeat;
background-position:center;
margin:0 auto;
text-align:center top;
position:relative;
}

#header #logo{
	width:950px;
	margin:0 auto;
	padding:15px;
	text-align:left;
}

#header_In{
	text-align:center;
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
	height:284px;
	background:url(../img/ultimo/logo_back.png) repeat-x;
	top:338px;
}
#contner #header #tittle{
	margin:0 auto;
	padding:30px 0 30px;
}

#contner #header .fukidashi{
	position:absolute;
	top:200px;
	right:150px;
}

/*-------------
contents
-------------*/
#contents_01{
	width:100%;
	height:310px;
	background:url(../img/ultimo/block1_bk.png)  repeat;
	clear:both;
}
#contents_01 #contents_01In{
	width:920px;
	height:300px;
	margin:0 auto;
	position:relative;
}

#contents_01 #contents_01In #comicimg{
	position:absolute;
	top:0;
	left:0;
}
#contents_01 #contents_01In #comment{
	width:656px;
	position:absolute;
	top:45px;
	right:10px;
}

#contents_01 #contents_01In .app {
	position:absolute;
	right:40px;
	top:15px;
	width:500px;
}

#contents_01 #contents_01In .app ul li{
	float:right;
}

ul.orbit-bullets {
	display:none;
}


#contents_02{
	width:100%;
	height:400px;
	background:url(../img/ultimo/story_bk.png) repeat-x;
}
#contents_02 #contents_02In{
	position:relative;
	clear:both;
	width:920px;
	height:400px;
	margin:0 auto;
	padding-top:15px;
}

#contents_02 #contents_02In .bus{
	position:absolute;
	right:-20px;
	top:-75px;
}
#contents_02 #contents_02In .comic02{
	position:absolute;
	right:70px;
	top:80px;
}

#contents_03{
	width:100%;
	height:260px;
	background:url(../img/ultimo/profile_bk.png) repeat-x;
}
#contents_03 #contents_03In{
	position:relative;
	clear:both;
	width:920px;
	height:260px;
	margin:0 auto;
	padding-top:15px;
}
#contents_03 #contents_03In .illust01{
	position:absolute;
	top:-30px;
	right:300px;
}

#contents_04{
	width:100%;
	height:920px;
	background:url(../img/ultimo/store_bk.png) repeat-x;
}
#contents_04 #contents_04In{
	position:relative;
	clear:both;
	width:920px;
	height:920px;
	margin:0 auto;
	padding-top:15px;
}

#contents_04 #contents_04In .illust02{
	position:absolute;
	top:-20px;
	right:50px;
}

#contents_04 #contents_04In #bookimg{
	text-align:center;
	margin:30px auto 30px;
}

#contents_04 #contents_04In #linkmenu{
	margin:0 auto;
	width:780px;
}

#contents_04 #contents_04In #linkmenu #linkmenu_tittle{
	margin:0;
	width:100%;
	color:#FFF;
	font-size:20px;
	text-align:center;
	padding:7px 0;
	background:#005bab;
}



#contents_04 #contents_04In #linkmenu ul li a, 
#contents_04 #contents_04In #linkmenu ul .nolink{
	color:#005bab;
	display:block;
	text-shadow: 1px 1px 2px #CCC;  
	margin-top:10px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:7px 0 7px 15px;
	font-size:17px;
background: #eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eeeeee 0%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-8 */
}

#contents_04 #contents_04In #linkmenu ul li a:hover{
	text-decoration:none;
	color:#FFF;
	text-shadow: 1px 1px 2px #0D0B6F; 
	background: #d0e4f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTc3ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODdiY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #d0e4f7 0%, #0a77d5 100%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(100%,#0a77d5), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d0e4f7 0%,#0a77d5 100%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d0e4f7 0%,#0a77d5 100%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d0e4f7 0%,#0a77d5 100%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d0e4f7 0%,#0a77d5 100%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-8 */
}


#contents_04 #contents_04In #linkmenu .menu01{
	margin:5px 0 10px 0;
	width:250px;
	float:left;
}

#contents_04 #contents_04In #linkmenu .menu02{
	margin:5px 0 10px 15px;
	width:250px;
	float:left;
}

#contents_04 #contents_04In #linkmenu .menu03{
	margin:5px 0 10px 0;
	width:250px;
	float:right;
}

#contents_04 #contents_04In #linkmenu .link_cap{
	display:inline;
	background:none;
	text-align:center;
	font-size:90%;
	margin:0;
	padding:0;
	color:#333;
}
#contents_04 #contents_04In #linkmenu .link_cap a{
	text-align:center;
	display:inline;
	background:#FFF;
	font-size:90%;
	margin:0 auto;
	padding:0 3px;
	color:#005bab;
}
#contents_04 #contents_04In #linkmenu .link_cap a:hover{
	color:#005bab;
	text-shadow:none; 
	background:none;
}



#contents_02 h2,
#contents_03 h2,
#contents_04 h2{
	margin-top:10px;
}

#contents_02 p,
#contents_03 p,
#contents_04 p{
	font-size:16px;
	margin:20px 15px;
}


 .banner_In{
	 text-align:center;
	clear:both;
	width:100%;
	margin:20px auto 0;
}

 .banner_In img{
	clear:both;
	margin:0 auto;
}



#contner ul li.store {
	padding:0 0 0 0;
}
#contner ul li.twitter {
	width:50px;
	margin:0 0 0 10px
}
#contner ul li.gree {
	width:70px;
	/*height:20px;*/
}
#contner ul li.facebook {
	width:110px;
	/*height:20px;*/
}
#contner ul li.mixi {
	width:70px;
	/* <!--height:20px;--> */
}
#contner ul li.google {
	width:70px;
	/* <!--height:20px;--> */
}

#contnerr ul li.inquiry {
	width:198px;
}



/*-------------
footer
-------------*/
#footer {
	text-align:center;
width:100%;
border-top:1px solid #CCC;
clear:both;
padding:20px 0 20px 0;
margin:40px auto 0;
}

#footer ul {
	margin:0 auto;
padding-bottom:10px;
}

#footer ul li {
display:inline;
margin:0 10px;
}

#footer address {
	margin:0 auto;
font-size:77% ;
}


/*-------------
clearfix
-------------*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;   
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}

.talentList:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.talentList {display: inline-table;}