/*<style type="text/css" media="screen and (max-width: 399px)">*/
#preloadedImages {
    width: 0px;
    height: 0px;
    display: inline;
    background-image: url("../images/about_btn_sub.jpg");
    background-image: url("../images/works_btn_sub.jpg");
    background-image: url("../images/blog_btn_sub.jpg");
    background-image: url("../images/contact_btn_sub.jpg");
}
/*------------------------------*/
a:link    { color: none;}    
a:visited { color: none;}   
a:hover   { color: none;} 
a:active  { color: none;}   
a img { border: none; }

/*------------------------------*/
html {
    overflow-y: scroll;

	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
}

body{
    background-color: #000;
    margin-top: -15px;
}

/*------------------------------*/
.main{  
    height: 100%;
    width: 320px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

#container{  
    width: 320px;
    background-color: #000;
    color: #fff;
} 

#title{
    width: 320px;
    height: 52px;
    margin: 16px 0px 0px 0px; 
}

#logo{
    width: 130px;
    height: 52px;
    -moz-background-size:contain;
    background-size:contain; 
    background-image: url("../images/logo.png");
    background-repeat:no-repeat;
}

a.logo_sub{
    width: 130px;
    height: 0px;
    padding-top: 52px;
    z-index: 2;

    display: block;
    line-height: 1;
    background: transparent url("../images/dammy.png") 0 0 no-repeat;
    overflow: hidden;
}

#lang_eng{
    width: 60px;
    height: 17px;
    margin: -60px 0px 0px 250px; 
    -moz-background-size:contain;
    background-size:contain; 
    background-image: url("../images/eng_btn.png");
    background-repeat:no-repeat;
    background-color: #000;
}
#lang_jap{
    width: 60px;
    height: 17px;
    margin: -60px 0px 0px 250px; 
    -moz-background-size:contain;
    background-size:contain; 
    background-image: url("../images/jap_btn.png");
    background-repeat:no-repeat;
    background-color: #000;
}

a.lang_sub{
    width: 60px;
    height: 0px;
    padding-top: 17px;
    z-index: 2;

    display: block;
    line-height: 1;
    background: transparent url("../images/dammy.png") 0 0 no-repeat;
    overflow: hidden;
}


/*--------------menu----------------*/
/*--共通部分↓--*/

ul#navigation {
    list-style-type: none;
    visibility:collapses;
    display: none;
    height: 0px;
}
ul#navigation li {
    visibility:collapses;
}
ul#navigation li a {
    visibility:collapses;
}

/*--共通部分↑--*/

ul#navigation a.top {
    visibility:hidden;
}

ul#navigation a.blog {
    visibility:hidden;
}

ul#navigation a.about {
    visibility:hidden;
}

ul#navigation a.works {
    visibility:hidden;
}

ul#navigation a.contact {
    visibility:hidden;
}

/*style.css ダミーメニュー------------------------------*/
ul#navigation a.dammy_top {
    background-image:url("../images/menu_top.jpg");
    background-repeat:no-repeat;
    background-position:0px -23px;
    width:76px;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}

ul#navigation a.dammy_blog {
    background-image:url("../images/menu_blog.jpg");
    background-repeat:no-repeat;
    background-position:0px -23px;
    width:76px;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}

ul#navigation a.dammy_about {
    background-image:url("../images/menu_about.jpg");
    background-repeat:no-repeat;
    background-position:0px -23px;
    width:76px;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}

ul#navigation a.dammy_works {
    background-image:url("../images/menu_works.jpg");
    background-repeat:no-repeat;
    background-position:0px -23px;
    width:76px;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}

ul#navigation a.dammy_contact {
    background-image:url("../images/menu_contact.jpg");
    background-repeat:no-repeat;
    background-position:0px -23px;
    width:76px;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}
/*style.css ダミーメニュー------------------------------*/
/*--------------menu----------------*/


/*--------------menu2----------------*/

/*--共通部分↓--*/
ul#navigation2 {
    width:320px;
    /*height:34px;*/
    overflow:hidden;　/*float解除*/
                    zoom:100%;　/*float解除*/
                              background-color: #000;
    /*border: 1px #ff0000 solid;*/
    margin:10px 0px 50px -40px; /*menuのあげさげ*/
}
ul#navigation2 li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
ul#navigation2 li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:34px; /*高さ*/
    width:320px; /*横幅*/
}
/*--共通部分↑--*/

ul#navigation2 a.top2 {
    background-image:url("../images/menu2_back.jpg");
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:320px;
    -moz-background-size:100% auto;
    background-size:100% auto; 
    margin-bottom:10px;
}
ul#navigation2 li a.top2:active {
    background-position:0 -34px;
}

ul#navigation2 a.blog2 {
    background-image:url("../images/menu2_back.jpg");
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:320px;
    -moz-background-size:100% auto;
    background-size:100% auto; 
    margin-bottom:10px;
}
ul#navigation2 li a.blog2:active {
    background-position:0 -34px;
}

ul#navigation2 a.about2 {
    background-image:url("../images/menu2_back.jpg");
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:320px;
    -moz-background-size:100% auto;
    background-size:100% auto; 
    margin-bottom:10px;
}
ul#navigation2 li a.about2:active {
    background-position:0 -34px;
}

ul#navigation2 a.works2 {
    background-image:url("../images/menu2_back.jpg");
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:320px;
    -moz-background-size:100% auto;
    background-size:100% auto; 
    margin-bottom:10px;
}
ul#navigation2 li a.works2:active {
    background-position:0 -34px;
}

ul#navigation2 a.contact2 {
    background-image:url("../images/menu2_back.jpg");
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:320px;
    -moz-background-size:100% auto;
    background-size:100% auto; 
    margin-bottom:10px;
}
ul#navigation2 li a.contact2:active {
    background-position:0 -34px;
}
/*--------------menu2----------------*/



#topimg{
    width: 320px;
    height: 160px;
    background-repeat:no-repeat;
    -moz-background-size:contain;
    background-size:contain; 
    margin: 50px auto 20px auto; 
    background-image: url("../images/top_img/img0.jpg");
    /*border: 1px #7f7f7f solid;*/
}

/*--------------topimg----------------*/
#img1{
    width: 320px;
    height: 160px;
    background-image: url("../images/top_img/img1.jpg");
    background-repeat:no-repeat;
    -moz-background-size:contain;
    background-size:contain; 
}

#img2{
    width: 320px;
    height: 160px;
    background-image: url("../images/top_img/img2.jpg");
    background-repeat:no-repeat;
    -moz-background-size:contain;
    background-size:contain; 
}

#img3{
    width: 320px;
    height: 160px;
    background-image: url("../images/top_img/img3.jpg");
    background-repeat:no-repeat;
    -moz-background-size:contain;
    background-size:contain; 
}

#img4{
    width: 320px;
    height: 160px;
    background-image: url("../images/top_img/img4.jpg");
    background-repeat:no-repeat;
    -moz-background-size:contain;
    background-size:contain; 
}

/*--------------topimg----------------*/


/*--------------box----------------*/
#box{
    width: 300px;
    height: 310px;
    margin: 20px auto 20px auto;
    /*background-color: #0ee2d1;*/
}

/*----共通部分----*/
ul#box_sub {
    margin: 0;
    padding: 0;
    /*margin: 20px auto 20px auto;*/
    list-style-type: none;
}

ul#box_sub li {
    float: left;
    width: 150px;
    margin: 0px 0px;
    text-align: left;
}

ul#box_sub li a {
    display:block;
    width: 150px;
    height: 150px;
}
/*----共通部分----*/

ul#box_sub a.about {
    display: block;
    line-height: 1;
    width: 150px;
    height: 0;
    padding-top: 150px;
    background: transparent url("../images/about_btn.jpg") 0 0 no-repeat;
    overflow: hidden;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}
ul#box_sub li a.about:active {
    display: block;
    line-height: 1;
    width: 150px;
    height: 0;
    padding-top: 150px;
    background: transparent url("../images/about_btn_sub.jpg") 0 0 no-repeat;
    overflow: hidden;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}

ul#box_sub a.works {
    display: block;
    line-height: 1;
    width: 150px;
    height: 0;
    padding-top: 150px;
    background: transparent url("../images/works_btn.jpg") 0 0 no-repeat;
    overflow: hidden;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}
ul#box_sub li a.works:active {
    display: block;
    line-height: 1;
    width: 150px;
    height: 0;
    padding-top: 150px;
    background: transparent url("../images/works_btn_sub.jpg") 0 0 no-repeat;
    overflow: hidden;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}

ul#box_sub a.blog {
    display: block;
    line-height: 1;
    width: 150px;
    height: 0;
    padding-top: 150px;
    background: transparent url("../images/blog_btn.jpg") 0 0 no-repeat;
    overflow: hidden;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}
ul#box_sub li a.blog:active {
    display: block;
    line-height: 1;
    width: 150px;
    height: 0;
    padding-top: 150px;
    background: transparent url("../images/blog_btn_sub.jpg") 0 0 no-repeat;
    overflow: hidden;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}

ul#box_sub a.contact2 {
    display: block;
    line-height: 1;
    width: 150px;
    height: 0;
    padding-top: 150px;
    background: transparent url("../images/contact_btn.jpg") 0 0 no-repeat;
    overflow: hidden;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}
ul#box_sub li a.contact2:active {
    display: block;
    line-height: 1;
    width: 150px;
    height: 0;
    padding-top: 150px;
    background: transparent url("../images/contact_btn_sub.jpg") 0 0 no-repeat;    overflow: hidden;

    -moz-background-size:100% auto;
    background-size:100% auto; 
}

/*--------------box----------------*/

#footer{

    width: 320px;
    height: 100%;
    margin: auto auto 0px auto;
}

#contact{
    visibility:collapse;
    width: 175px;
    margin: 0px 0px 0px 20px;
}

#copyright{
    text-align: center;
    font-family: "Times New Roman";
    font-size:12px;
    margin-top: 30px;
    font-style:normal;
    font-weight: bold;
    color:#3a3a3a;
}

/*-------------about-------------*/

#about-box{
    width:320px;
    height:100%;
    margin: 20px auto 30px auto;
    background-image:url("../images/star_s.png");
    /*background-color: #7f7f7f;*/
    border: 1px #000 solid;
}

#about-img{
    width:320px;
    height:163px;
    margin-top: 0px;/*-------------星空-------------*/
    background-image:url("../images/about_img.jpg");
    background-repeat:no-repeat;
    -moz-background-size:contain;
    background-size:contain; 
}

.about-memo{
    width:240px;
    background-image:url("../images/dammy.png");
    margin:40px auto auto auto;
    position: relative;
    z-index: 2;
    padding: 20px 10px 20px 10px;
    line-height: 1.5;
    text-align:left;
	font-size: 10px;
}


.profile{
    width:320px;
    margin: 50px auto auto auto;/*-------------星空-------------*/
    text-align: left;
}

.profile b{
    font-size:15px;
    color:#7f7f7f;
}
.profile th{
    width: 40%;
    font-size:15px;
    padding: 5px 0px 5px 20px;
    color:#7f7f7f;
}
.profile td{
    width: 60%;
    font-size:12px;
    padding: 5px 0px 5px 10px;
    color:#fff;
}

/*-------------about-------------*/



/*-------------works-------------*/
#works-box{
    width: 320px;
    margin: 20px auto 30px auto; 
    background-image: url("../images/star_m.png");
}

#works-img{
    width: 320px;
    height: 181px;
    margin-bottom: 0px;
    background-image: url("../images/works_img.jpg");
    background-repeat:no-repeat;
    -moz-background-size:contain;
    background-size:contain; 
}
.works-icon{
	width: 90px;
	height: 90px;
}

.creation{
    height:160px;
    width:300px;
    margin: 30px auto 0px auto;
    background-image:url("../images/back.png");
}
.creation tr{
    background-image:url("../images/back.png");
}
.creation th{
    width:90px;
	vertical-align: top;
}
.creation td{
    text-align: left;
    padding-left: 10px;
	padding-top: 0px;
    valign: top;
	vertical-align: top;
    font-size:10px;
    /*background-color:#181818;*/
    background-color:#000;
}
.creation h3{
    font-size:15px;
    line-height:1;
	margin-top: 5px;
}
.creation a{
    color:#ffde58;
    font-size:11px;
    line-height:11px;
    text-decoration:none;
}

.creation h2{
    color:#fff;
    font-size:18px;
    line-height:30px;
    text-align: left;
    padding: 10px 0px 10px 0px;
    margin:0px;
}

#client{
    color:#8a8a8a;
    font-size:8px;
}

#client_sub{
    color:#8a8a8a;
    font-size:12px;
    text-decoration:underline
}
/*--スマフォのみ--*/
#title_sub{
    font-size:13px;
	    line-height:15px;
}
/*-------------works-------------*/


/*------------contact------------*/
#contact-box{
    width: 320px;
    height: 360px;
    margin: 10px auto 30px auto; 
    background-image: url("../images/star_s.png");
    border: 1px #000 solid;
}

#contact-img{
    width: 320px;
    height: 200px;
    background-repeat:no-repeat;
    -moz-background-size:contain;
    background-size:contain; 
    position: absolute;  
    margin-top:180px;
    background-image: url("../images/contact_img.jpg");
    /*border: 1px #ff0000 solid;*/
}

.adress{
    /*font-family: "Osaka";*/
    position: relative; 
    margin:50px auto auto auto;
    padding:10px 10px 10px 30px ;
    background-image: url("../images/back.png");
    text-align: left;
    line-height:1.5;
    /*border: 1px #ff0000 solid;*/
}
/*------------contact------------*/