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

    common

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

html { font-size: 75%; line-height: 1.75; font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; }



body { background-color: #FFFFFF; min-width: 1000px; color: #333333; }



img { vertical-align: middle; }



ul { margin: 0; padding: 0 }



li { margin: 0; padding: 0; list-style: none; }



h1 { margin: 0; }



h3 { margin: 0; padding: 0; }



p { margin: 0; }



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}



.clearfix:after {

    clear: both;

}



.common_section {

    width: 100%;

}



.common_section > .content {

    width: 960px;

    margin: auto;

    padding: 90px 20px;

}



.sub_title {

    text-align: center;

    padding-bottom: 40px;

}



.left {

    float: left;

}



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

    header

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

#header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 30px;

    background-color: #FFFFFF;

    border-bottom:1px solid #f2f2f2;

    z-index: 10;

}



#header_nav {

    position: absolute;

    top: 0;

    right: 0;

}



#header_nav li{ float: left; }



h2 {

	text-align: center;

	padding-bottom: 40px;

	margin: 0 auto;

	line-height: 1.2;

	font-size: 26px;

	color: #FFFFFF;

	/*filter: alpha(opacity=980);

	-moz-opacity:0.80;

	opacity:0.80;*/

}

h2 span {

	display:block;

	font-size:10px;	

	/*filter: alpha(opacity=60);

	-moz-opacity:0.60;

	opacity:0.60;*/

	padding-top:10px;

}

h2:first-letter {

 font-size: 70px;

 line-height: 0.8;

 margin: 0 0 0 0;

 padding: 0 0 0 -0.2em;

}





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

    side vavigation

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

#side_nav {

    position: fixed;

    left: 30px;

    z-index: 20;

    height: 185px;

    top: 0;

    bottom: 0;

    margin: auto;

}



.left_menu a,

.left_menu .sns {

    display: block; 

    position: relative;

    overflow: hidden;

}



.left_menu a img,

.left_menu .sns #social_share {

    position: absolute;

    left: 44px;

    top: 5px;

    padding-left: 6px;

	display:none;

}



.left_menu .top .text {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



.left_menu a:hover,

.left_menu .sns:hover {

    overflow: visible;

}



.left_menu a:before,

.left_menu .sns:before {

    display: block;

    content:"";

    width:44px;

    /*height:30px;*/

    background:url('../img/left_menu.png');

}



.left_menu a:before {

    background-position:0px -72px;

    height: 27px;

}

.left_menu a:hover:before {

    background-position:44px -72px;



}



.left_menu .top a:before {

    background-position:0 0;

    height: 32px;

}

.left_menu .top a:hover:before {

    background-position:44px 0px;



}



.left_menu .buy_now a:before {

    background-position:0px -153px;

    height: 37px;

}

.left_menu .buy_now a:hover:before {

    background-position:44px -153px;



}

.left_menu .map {

	display:none;	

}

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

    01 main image

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

.common_section#main {

    height: 500px;

	

   /* padding-top: 31px;

	background-image: url('../img/top_back.png');

    background-repeat: no-repeat;

    background-position:left top;

    -webkit-background-size: cover;

    background-size: cover;

    text-align: center;

    background-attachment: fixed;

	height:500px;*/

}

#background {

    background-image: url("../img/top_back_ios.jpg");

    background-repeat: no-repeat;

	background-size:100% auto;

	 position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

	height:100%;

    z-index: -1;

}

.mainimage_bg_ie8 {

	background-image: url('../img/top_back.png');

    background-size: cover;



}

.common_section#main h1 {

	position:relative;

	left:0;

	top:200px;

	margin-left:930px;

	float:right;

}

.common_section#main .content {

    padding-top: 0;

    position: relative;

}

.start_arrow a:hover {

    display: block;

    background-image : url("../img/01_arrow_over.png") ;

}





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

    works

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

.common_section#works { 

    background-image: url('../img/works_back.png');

	background-color:#686859;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

	color:#fff;

}

#works li {

    float: none;

    width: auto;

    padding-left: 200px;

    margin: 0 20px 30px 20px;

}



#works li:first-child {

    margin: 0 20px 30px 20px;

}



#works .image {

    float: left;

    margin-left: -200px;

    width: 180px;

}



#works .title {

    padding-top: 0;

}



#works .sample_link {

    padding-top: 20px;

}

#works p {

	line-height:1.4;

	padding-bottom:10px;

}



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

    代表者メッセージ

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

.common_section#message {

    background-image: url('../img/message_back.jpg');

    background-repeat: no-repeat;

    background-position: center;

    -webkit-background-size: cover;

    background-size: cover;

    text-align: left;

    background-attachment: fixed;

}



#message .text {

    line-height: 3;

	font-size:110%;

	padding:0 40px 0 40px;

}

#message .photo1 {

    display: block;

    position: relative;

    top: 0;

    left: 0;

    border-radius: 10px;

    background-color:#C0C0C0;

    float: right;

    width: 160px;

	height:219px;

	margin-left:20px;

}

#message .photo1 img {

    border-radius: 10px;

    position: relative;

    top: 5px;

    left: 5px;

    width: 150px!important;

}

#message .sign {

	display:block;

	padding-left:500px;	

		padding-top:20px;



}



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

    事業内容

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

.common_section#business { 

    background-color: #343434;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

}



.common_section#business section {

    position: relative;

    padding-bottom: 65px;

    padding-left: 296px;

    padding-top: 100px;

}

.common_section#business h2 {

	color:#fff;	

}

.common_section#business section:nth-child(odd) {

    margin-right: 105px;

}



.common_section#business section:nth-child(even) {

    margin-left: 133px;

}







.common_section#business .avatar {

    display: block;

    width: 180px;

    height: 180px;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 10px;

    background-color:#C0CDEB;

}



.common_section#business .avatar .img {

    border-radius: 10px;

    position: absolute;

    top: 5px;

    left: 5px;

    width: 170px;



}



.common_section#business .author h3 {

    position: absolute;

    top: 20px;

    border-bottom: 1px solid #C0CDEB;

    margin-left: -115px;

    padding-left: 25px;

    padding-bottom: 10px;

	color:#fff;

	font-size:140%;

}



.common_section#business .author .post {

    display: block;

    color: #9A9A9A;

    font-size: 10px;



}



.common_section#business .author .message {

    display: block;

    padding-top: 0px;

    color: #FFFFFF;

    margin-left: -90px;

}

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

    Model info

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

.common_section#dg_link { 

overflow: hidden;

background-color:#fff; }



.common_section#dg_link h2 { 

	color:#000;

}



.common_section#dg_link .slide {

    /*width: 100%;*/

    /*height: 300px;*/

    position: relative;

}



.common_section#dg_link .prev_button {

    position: absolute;

    top: 50px;

    left: -20px;

}



.common_section#dg_link .next_button {

    position: absolute;

    top: 50px;

    right: -20px;

}



.common_section#dg_link .prev_button.hidden,

.common_section#dg_link .next_button.hidden {

    display: none;

}



.common_section#dg_link .slide li {

    float: left;

    width: 400px;

    padding-right: 30px;

}

.common_section#dg_link .slide li img {

	width:400px!important;	

	border:1px solid #CCC;

}

.common_section#dg_link .slide ul {

    width: 1650px; /*(work幅300 + padding 30) * 作品数*/

}



.common_section#dg_link .slide .title {

    font-size: 28px;

	color: #66C4D0;

    padding: 20px 0 10px 0;

}



.common_section#dg_link .awards {

    margin-top: 1em;

    font-size: 10px;

    color: #999999;

}







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

    アクセス

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

.common_section#access { 

    background-image:url(../img/access_back.gif);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    text-align: center;

    background-attachment: fixed;

}

.common_section#access > .content {

	margin: auto;

	padding: 30px 20px;

	color: #FFFFFF;

}



.common_section#access .event_text {

    display: block;

    margin: 0 auto;

    width: 650px;

    color: #FFFFFF;

    font-size: small;

    padding-bottom: 0;

}



.common_section#access .event_text .line {

    display: block;

}



.common_section#access .link_button {

    padding-top: 0;

}



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

    05_1 message to creater

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

.common_section#message_to_creater { 

    background-image: url('../img/05_1_bg.jpg');

    background-repeat: no-repeat;

    background-position: center;

    text-align: center;

    background-attachment: fixed;

}





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

    お問い合わせ

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

.common_section#inquiry { 

    background-image:url(../img/6412.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    text-align: center;

    background-attachment: fixed;

}

.common_section#inquiry h2 {

	padding:100px 0 0 0;	

}

.common_section#inquiry > .content { 

    height: 100px;

    position: relative;

}



.common_section#inquiry .buy_button {

    position: absolute;

    top: 465px;

    right: 205px;

}



.common_section#inquiry .title {

	position: absolute;

	top: 358px;

	right: 349px;

}



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

    footer

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

.common_section#footer {

    width: 100%;

    background-color:#2f4f4f;

    border-top:1px solid #FFFFFF;

	padding-bottom:50px;

}



.common_section#footer .content {

	width:100%;

    padding: 0px 0px;

    position: relative;

    color: #FFFFFF;

}



.common_section#footer .copyright {

    text-align: right;

    color: #FFFFFF;

	padding:10px 10px 0 0;

}

.common_section#footer .copyright a {

    color: #FFFFFF;

	text-decoration:none;

}



.common_section#footer .footer_social_share {

    display: none;

}



.common_section#footer .footer_social_share ul {

    text-align: center;

    margin: 5px 0;

}



.common_section#footer .footer_social_share li {

    display: inline;

    margin: 0 5px;

}



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

    ios

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

.ios .common_section#message {

    background-attachment: scroll;

}



.ios .common_section#access { 

    background-attachment: scroll;

}



.ios .common_section#inquiry { 

    background-attachment: scroll;

}