@charset "shift_jis";


body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 80%;
	line-height: 2;
	background-color:#171717;
	margin: 0px;
	padding: 0px;
	text-align: center;
	/*   background-image: url(images/bg.gif);   
	background-repeat: repeat-x;
	background-position: top; */
}

#logoe {
	position: relative;
	top: 50px;
}

#he {	
	font-size:50px;
	position: relative;
	top: 100px;
	}

h1{
	color: #fffffd;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

h2 {
	text-align:center;
	color: #fffffd;
}

ul{
	list-style-type: none;
}

img {
	border: none;
	border-bottom: 0;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-style:none;
	font-size: 100%;
		margin-right: auto;
	margin-left: auto;
}

#emp{
	color:#fffffd;
	/*font-weight:bold;*/
}

#emp2{
	color:#18e9cd;
	font-weight:bold;
}

#emp3 a{
	color:#18e9cd;
	text-decoration:none;
}


/*リンク設定共通
---------------------------------------------------------------------------*/
a {
	color:#d1d1d1;
}
a:hover {
	color: #18e9cd;
	text-decoration: none;
}



/*コンテナー（HPを囲むボックス）
---------------------------------------------------------------------------*/
#container {

	color:#d1d1d1;
	text-align: left;
	width: 1078px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 20px;
	clear: both;
	background-color:#161c20;
	overflow:hidden;
	
}



/*ヘッダー（サイト名ロゴとかが入っている上段のブロック）共通
---------------------------------------------------------------------------*/
#header {
	color:ffffff;
	text-align: left;
	width: 1080px;
	margin-right:auto;
	margin-left: auto;
	height: 100px;
	position: relative;
	margin-bottom:0px;
	
}

/*h1タグ設定*/
#header p {
	color:#fffffd;
	font-size: 11px;	/*文字サイズ*/
	line-height: 14px;
	font-weight: normal;
	position: absolute;
	left: 10px;	/*ヘッダーのブロックに対して左から10pxに配置*/
	top: 10px;	/*ヘッダーのブロックに対して上から10pxに配置*/
}

/*サイト名ロゴ画像設定*/
#logo {
	width:399px;
	height:70px;
	position: absolute;
	left: 10px;	/*ヘッダーのブロックに対して左から0pxに配置*/
	top: 35px;/*ヘッダーのブロックに対して下から0pxに配置*/
}

/*電話番号画像設定*/
ul#menu1 li{
	display:inline;

}

ul#menu1{
	position: absolute;
	left:420px;
	top:50px;
}

ul#menu1 li img{
	width:128px;
	height:57px;
	}

/*メインメニュー共通
---------------------------------------------------------------------------*/
ul#menu {
	height: 67px;
	width: 500px;
	padding-left: 88px;
	margin-right:auto;
	margin-left: auto;
}




/*フッターメニュー共通
---------------------------------------------------------------------------*/

#footermenu {
	width: 1078px;
	height:50px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 15px;
	clear: both;
	background-color:#161c20;
}

#footermenu a {
	color:#ffffff;
	}
	
#footermenu a:hover {
	color:#18e9cd;
	}


#footermenu span a{
		color:#18e9cd;
	text-decoration: none;
}



ul#ulfootermenu {
	clear: both;
	text-align: center;
	width: 100%;
	position:relative;
	bottom:-11px;
	
}

ul#ulfootermenu li {

	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	
}




/*フッター（コピーライトとか入っている最下部ブロック）共通
---------------------------------------------------------------------------*/
#footer {
	color: #d1d1d1;
	text-align: center;
	/*background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: top;*/
	background-color:#171a1d;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	width: 1078px;
	height: 70px;
	padding: 0px;
}

#down {
	position:relative;
	bottom:-9px;
	left:-80px;
}

#footer a:hover {
	color: #333333;
	text-decoration: none;
}


#footer #priv{
	position: relative;
	bottom:-9px;
	left:-250px;
	}



#footer #priv a:hover {
	color:#18e9cd;
	}

#pri {
width: 80%;
margin:15px auto 15px auto;
padding:auto;

text-align:center;

}
	
/*-----------------------------------------------------------------------------------------共通ここまで-----------------------------------------*/





/*index.html
-----------------------------------------------------------------------------------index.html------*/
#mainimg {
	/*background-image: url(images/mainimg_bg.gif);	/*スライドショー下の影
	background-repeat: repeat-x;
	background-position: bottom;*/
	
	padding-bottom: 0px;
	position: relative;
	height: 250px;
	width: 1078px;
	
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	clear: both;
	background-color:#161c20;
	margin-bottom:0px;
	overflow:hidden;
}

#mainimg .slide_file {
	display: none;
}

#slide_image {
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}

#slide_image2 {
	z-Index:1;
	position: absolute;
	left:0px;
	top:0px;
}


#mainindex {
	

	overflow:hidden;
	color:#d1d1d1;
	text-align: left;
	width: 1078px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	clear: both;
	background-color: #161c20;
	
}

#mainindex h2 {
	font-size: 20px;
	overflow: hidden;


}

#mainitop{
	padding-top:15px;
	padding-bottom:0px;
	
	}
	
#maintop h2{
	font-size:25px;
	}
	
#maintop p{
	text-align:center;
	width:50em;
	margin-right:auto;
	margin-left:auto;
	margin-top:25px;
	}

#maini {
	
	float: right;
	width:680px ;
	padding-top: 50px;
	padding-bottom: 0px;
	display: inline;
	margin-top: 30px;
	margin-bottom: 0px;
	clear:none;
	margin-right:auto;
	margin-left: auto;
}

#maini img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	width:280px;
	height:200px;
	margin: 10px;
	
}
	
	
#sidei {
	width: 348px;
	padding-top: 50px;
	margin-bottom: 50px;
	margin-left: 15px;
	margin-right:0px;
}

#sidei h3{
	text-align:center;
	
	}

#mainindex dl.new {
	width: 300px;			
	height: 410px;		
	overflow: auto;
	padding: 10px 0px 10px 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	border: solid 1px #18e9cd;
}

#mainindex dl.new dt {
	font-weight: bold;	
	padding-top: 10px;
}

#mainindex dl.new dd {
	border-bottom: 1px solid #bfbfbf;	
	padding-bottom: 10px;

}



#linkbox {
	color:#d1d1d1;
	text-align: left;
	width: 1078px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 50px;
	clear: both;
	background-color:#161c20;
}

#linkbox h2{
		font-size: 20px;
	overflow: hidden;
	clear: both;
	margin-top:10px;

	}

ul#ullinkbox {
	margin-top:15px;
	clear: both;
	text-align: center;
	}

ul#ullinkbox li{
	
	display: inline;
	margin-right: 15px;
	margin-left: 15px;
	}
ul#ullinkbox li a img{
	opacity: 1;
  transition: 0.3s;
	}
	
ul#ullinkbox li a:hover img{

  opacity: .5;

}


/*profile.html
-------------------------------------------------------------------------------------------profile.html---------*/



/*maintop（上側）
------------------------------------*/

#mainptop{
	padding-top:0px;
	padding-bottom:10px;
	
	}
	
/*side（左側）
---------------------------------*/
#sidep {
	float:left;
	width: 330px;
	padding-top: 0px;
	margin-bottom: 50px;
	margin-left: 15px;
	margin-right:0px;

}

#sidep img {
	margin-left:15px;
	width:95%;
	display:block;
	}

#sidep p {
	font-size:1.2em;
	margin-top:15px;
	margin-left:20px;
}

#sidep #pname {
	width:90%;
	margin-right: 15px;
	
	float:right;

}


#sidep span {
		color:#18e9cd;
	font-weight:bold;

}
/*サイドメニュー　--*/
#side .sidemenu {
	margin-bottom: 1em;
}

#side .sidemenu li {
	background-image: url(images/sidemenu_bg.gif);	/*左側のアクセント画像*/
	background-repeat: no-repeat;
	background-position: left center;
}

#side .sidemenu a {
	display: block;
	width: 300px;
	border-bottom: 1px solid #bfbfbf;	/*下線*/
	text-decoration: none;
	padding: 5px 10px 5px 20px;
}

#side .sidemenu a:hover {
	background-color: #e8f1fb;	/*カーソルオーバー時の背景色*/
}




/*main（右側）
------------------------------------*/
#mainp {
	
	float: right;
	width: 675px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	margin-right: 20px;
	margin-left: 20px;
	background-color:#3c4c55;
	margin-bottom: 50px;
	clear:none;
}

#mainp h2 {
	font-size: 100%;
	line-height: 40px;
	/*background-image: url(images/h2bg.gif);	/*h2背景画像設定*/
	/*background-repeat: no-repeat;

	background-color: #82A9D9;*/
	height: 40px;
	overflow: hidden;
	padding-left: 0px;

}

#mainp p {
	margin-left:1.5em;
	color:#ffffff;
	font-weight:bold;
	font-size:1.35em;
}


.ta1 {
	width: 100%;
	border: 0px;
}


.ta1 td, .ta1 th {
	padding-bottom: 15px;
	padding-top: 15px;
}

.ta1 td{
	padding-right:25px;
	}

.ta1 th{

	valign: top;
	padding-left: 15px;
	padding-right: 15px;

}

td#deepc {
	background-color:#35454d;
	padding-right:25px;
	}

th#deepc {
	background-color:#35454d;

	}




/*mediabox.html
-------------------------------------------------------------------------------------------mediabox.html---------*/

#mainmedia {
	color:#d1d1d1;
	display:inline-block;
	width: 1078px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	clear: both;
	overflow:hidden;
}

#casemenu{
	width:600px;
	margin: auto;
	padding-bottom:10px;
	margin-top: 30px;
	background-color:#161c20;
	font-size: 3em;
	color:#d1d1d1;
	-webkit-border-top-left-radius: 30px;  
    -webkit-border-top-right-radius: 30px;  
    -moz-border-radius-topleft: 30px;  
    -moz-border-radius-topright: 30px;

	}

#casemenu span{
	color:#18e9cd;
	text-decoration: none;
	}
	
#casemenu a{
	text-decoration: none;
	}
#casemenu li {
	display:inline;
	width:15%;
	height:100%;
	margin: 0px 0px 0px 0px;
	text-align:center;
	}

#casemenu li img{
	height:100px;
	width:15%;
	opacity: 1;
	}
	
#casemenu li a img{

	opacity: 1;
	transition: .3s;
	}
	
#casemenu li a:hover img{

	opacity: .5;

	}


#showcase{
	background-color:#161c20;
	margin-top:0px;
	margin-bottom:30px;
	width:1078px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
	}


#title {
	
	color:#d1d1d1;
	text-align:center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom:10px;
	margin-top: 0px;
	margin-bottom:20px;
	clear: both;
	background-color:#161c20;
	overflow:hidden;
	}
	


	
#video {
	width:850px;
	color:#d1d1d1;
	text-align: left;
	background-color:#3c4c55;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
	margin-bottom:50px;

	}
	
#videotext{
	width:330px;
	margin-left:10px;
	margin-right:auto;
	float:left;
	height:375px;
	font-size:1.3em;
	}
	
#videotext #ie{
	color:#18e9cd;
	font-weight:bold;
	width:280px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin:15px;
	font-size:1.65em;
	}
	
#videotext #vtext{
	width: 95%;			
	height: 250px;		
	overflow: auto;
	padding: 10px 0px 10px 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	/*border: solid 1px #18e9cd;
*/
	}
	

	
	
	
#embed {
	float:right;
	width:500px;
	height:375px;
	}

#photo {
	color:#d1d1d1;
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 20px;
	clear: both;
	background-color:#3c4c55;
	overflow:hidden;
	margin-bottom:40px;
	}
#pics {
	width: 30%;
	height: 30%;
	display: inline;
	float: left;
	margin: 0px 0px 0px 20px;
	/*border: solid 1px black;*/
}

#pics img {
	margin: auto;
	padding:auto;
}

#pics #pics2 {
	width:100%;
	height:66.7%;
	margin:16.65% 0px 16.65% 0px;

}



#music {
	width:850px;
	color:#d1d1d1;
	text-align: left;
	background-color:#3c4c55;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
	margin-bottom:50px;

	}
	
#musictext{
	width:330px;
	margin-left:10px;
	margin-right:auto;
	float:left;
	height:375px;
	}
	
#musictext #mtitle{
	color:#18e9cd;
	font-weight:bold;
	width:280px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin:15px;
	font-size:2em;
	}
	
#musictext p{
	width:280px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	font-size:1.3em;
	}

#music img {
	float:right;
	margin: 15px; 
	width:450px;
	display:block;
	}

#riyou{
width: 60%;
margin:15px auto 30px auto;
padding:auto;
color:#dddddd;
text-align:center;

}

#riyou span{
color:#18e9cd;

}
#riyou a {
color:#18e9cd;
}




/*
$(function() {
var mainheight = $("#main").height();
var sideheight = mainheight+300;
$("#side").height(sideheight);
});

*/













/*
------------------------------------------------------------------------------------------question.html---------*/

#mainq {
	width: 1000px;

	margin-top:30px;
	margin-right: auto;
	margin-left: auto;
	background-color:#3c4c55;
	margin-bottom: 30px;
	
	clear:none;
}

#mainq h2 {
	font-size: 100%;
	line-height: 40px;
	overflow: hidden;
	padding-left: 0px;

}

#mainq ul{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	margin-top:10px;
	}
	
#mainq ul div.d2n_1{
	margin-right:0px;
	padding:0px;
	background-color:#35454d;
	
	}

#mainq ul li span{
	color:#18e9cd;
	font-weight:bold;
	}
	
#mainq ul li#q{
	color:#ffffff;
	font-weight:bold;
	font-size:150%;
	padding-top:30px;
	padding-right:30px;
	padding-left:45px;
	padding-bottom:10px;
	}

#mainq ul li#a{
	padding-right:45px;
	padding-left:45px;
	padding-bottom:30px;
	}




/*
-----------------------------------------------------------------------------------------------contact.html------------*/



#maincontact {
	width: 100%;
	height:850px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	margin-right: 0px;
	background-color:#161c20;
	margin-bottom: 0px;
	}

	
	
    .lisket-form-maker-form  { 
	margin-right: auto;
	margin-left: auto;
	background-color:#3c4c55;
	width: 800px; 
	margin-bottom:30px;
	margin-top:35px;
	}
	
	
    .lisket-form-maker-form td,
    .lisket-form-maker-form th            { border: 1px solid #333333; }  /* テーブルの枠線のスタイルを指定 */
    .lisket-form-maker-form th            { background-color: eee; }  /* 見出しセルの背景色を指定 */
    .lisket-form-maker-form span.example  { color: #d1d1d1; }             /* 例テキストの文字色を指定 */

.lisket-form-maker-form * {
    font-size: 1em;
}

.lisket-form-maker-form table {
    width: 100%;
    border-collapse: collapse;
}

.lisket-form-maker-form table tr td,
.lisket-form-maker-form table tr th {
    padding: 0.85em 0.85em;
}
.lisket-form-maker-form table tr td div#data_field_3{
	margin:0px;
	padding:0px;

	}

#field_3_444{
	
	margin-right:6em;}

.lisket-form-maker-form table tr th {
    font-weight: bold;
    text-align: center;
    width: 35%;
}

.lisket-form-maker-form th span {
    font-size: 0.8em;
    color: #18e9cd;
    margin-left: 0.3em;
}
.lisket-form-maker-form span.example {
    font-size: 0.9em;
    margin-left: 0.5em;
}

.lisket-form-maker-form input[type='text'],
.lisket-form-maker-form input[type='email'],
.lisket-form-maker-form textarea {
    border: 1px solid #aaa;
}
.lisket-form-maker-form textarea {
    width: 100%;
    height: 100px;
	
}

#data_field_4 {
	width:98%;
	font-size:150%;
}

.lisket-form-maker-form input[type='text'],
.lisket-form-maker-form input[type='email'] {
    width: 50%;
}
.lisket-form-maker-form input[type='text'].full,
.lisket-form-maker-form input[type='email'].full {
    width: 100%;
}
.lisket-form-maker-form input[type='radio'],
.lisket-form-maker-form input[type='checkbox'] {
    margin-right: 0.2em;
    cursor: pointer;
}



.lisket-form-maker-form label {
    cursor: pointer;
    margin-right: 0.8em;
}

#toi {
	width: 1000px;

	margin-top:30px;
	margin-right: auto;
	margin-left: auto;
	background-color:#3c4c55;
	margin-bottom: 30px;
	
	clear:none;
}

#toi ul{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	margin-top:10px;
	}
	
#toi ul div.d2n_1{
	margin-right:0px;
	padding:0px;
	background-color:#35454d;
	
	}

#toi ul li span{
	color:#18e9cd;
	font-weight:bold;
	}
	
#toi ul li#q{
	color:#18e9cd;
	font-weight:bold;
	font-size:150%;
	padding-top:30px;
	padding-right:30px;
	padding-left:45px;
	padding-bottom:10px;
	}

#toi ul li#a{
	padding-right:45px;
	padding-left:45px;
	padding-bottom:30px;
	}

#maincontact h3 {
	color:#18e9cd;
	padding-left: 5em;
	}
#maincontact p {
	margin: 0 8% 20px 8%;
	}
#maincontactc {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
	background-color:#161c20;
	margin-bottom: 50px;
	text-align:center;
	}

#maincontactc p{
	font-size:20px;
	}

#end{
background-color:#171717;
width:100%;
height:1000px;

}
	
	
	
	
	
	
/*all iphone category------------------------------------------------------------------------all iphone category---------*/
@media only screen
 and (device-height: 568px),
only screen
 and (device-width: 568px),
only screen
 and (device-height: 667px),
only screen
 and (device-width: 667px),
only screen
 and (device-height: 736px),
only screen
 and (device-width: 736px){
body {
	font-size: 130%;

}

#pri {
	font-size:35px;
}

#prih2 {
font-size:50px;
}

#footer #priv{
	position: relative;
	bottom:50px;
	left:260px;

	}
#down {
	position:relative;
	bottom:0px;
	left:-115px;

}
	#header {
	color:ffffff;
	text-align: right;
	width: 1080px;
	margin-right:auto;
	margin-left: auto;
	height: 250px;
	position: relative;
	margin-bottom:0px;

	
	}

	/*h1タグ設定*/
	#header p {
	font-size:25px;
	line-height:38.5px;
	position: abosolute;
	left:520px;
	top:40px;
	margin-right:30px;
	}
	#header div{
	width:50%;
	float:left;
	}
	#logo{
	width:50%;
	height:100px;
	margin-left:10px;
	margin-top:-10px;
	}


	ul#menu1{
	position: absolute;
	top:150px;
	left:0px;
	width:100%;
	}
	
	ul#menu1 li{
	display:inline;
	margin-right: auto;
	margin-left: auto;
	}
	
	ul#menu1 li img{
	width:19%;
	height:auto;
	}

	#maintop h2 {
	font-size:55px;
	width:850px;
	margin:auto;
	}
	
	#maintop p {
	font-size:40px;
	width:85%;
		color:#ffffff;
	}	
	
	#linkbox h2 {
	font-size:55px;
	}
	
	#linkbox  {
	padding-bottom:20px;
	}

	
	#footermenu {
	margin-top:80px;
	margin-bottom:50px;
	font-size:28px;
	padding-bottom:30px;
	}

	#footer {

	padding-top: 85px;
	padding-bottom:85px;
}
#maini {
	width:98% ;
	padding-top: 75px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear:none;
	margin-right:auto;
	margin-left: 10px;
}

#maini img{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	width:450px;
	margin: 30px;
	height:auto;
}
	
	
#sidei {
	width: 100%;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right:auto;
	font-size:30px;
}


#mainindex dl.new {
	width: 90%;			
	padding: 20px 0px 10px 10px;
}

#mainindex dl.new dt {
	font-weight: bold;	
	padding-top: 50px;
}

#mainindex dl.new dd {
	border-bottom: 1px solid #bfbfbf;	
	padding-bottom: 50px;

}




/*profile.html
--------------------------------------------------------------- iphone profile.html---------*/


#mainptop h2{
	font-size:55px;
	width:100%;
	margin:auto;
	
	}

/*media-box.html
--------------------------------------------------------- iphone media-box.html---------*/
 #casemenu{
	font-size:2em;
	margin-right:137px;
 
 }
 
 #title{
 font-size:35px;
 }
 
 #riyou{
 width:90%;
 }
 
 #videotext #ie{
	
	font-size:1.05em;
	}
 
 #photo {
	color:#d1d1d1;
	text-align: center;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 20px;
	clear: both;
	background-color:#3c4c55;
	overflow:hidden;
	margin-bottom:40px;
	}
#pics {
	width: 270px;
	height: 270px;
	display: inline;
	float: left;
	margin: 10px 0px 0px 10px;
}

#pics img {
	margin: auto;
	padding:auto;
}

#pics #pics2 {
	width:100%;
	height:66.7%;
	margin:45px 0px 0px 0px;

}
 
/*side（�
---------------------------------*/
#sidep {
	background-color:#35454d;	
	width: 95%;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 2.6%;

}

#sidep img {
	margin-left:2%;
	margin-top:15px;
	margin-bottom:15px;
	width:38%;
	display:block;
	float:left;
	}

#sidep #pname {
	width:50%;
	margin-right: 10%;
	margin-top:15px;
	margin-bottom:100px;
	float:right;
}	

#sidep #pname p{
	color:#ffffff;
}
	
#sidep p {
	float:right;
	font-size:1.4em;
	margin-top:15px;
	margin-left:0px;
}

#mainp {
	width: 95%;
	margin-right: 2.5%;
	margin-left: auto;
}



#mainp p {
	margin: -30px auto -30px 265px;
	color:#ffffff;
	font-size:2.0em;
}

.ta1 td, .ta1 th {
	padding-bottom: 25px;
	padding-top: 25px;
}

.ta1 td{
	font-size: 30px;
	}

.ta1 th{
	font-size: 30px;
	valign: middle;
}

#container h2 {
	font-size:55px;
}

#mainq ul li#q{
	font-size:40px;
	padding-bottom:10px;
	}

#mainq ul li#a{
	font-size:30px;
	padding-bottom:45px;
	}
	


/*
-----------------------------------------------------------contact.html------------*/



#maincontact {
	margin-bottom: 30px;
	}

    .lisket-form-maker-form  { 
	width: 95%; 
	}
	
    .lisket-form-maker-form span.example  { color: #d1d1d1; float:left; margin-right:30px;}             /* 例テキストの文字色を指定 */

.lisket-form-maker-form * {
    font-size: 35px;
}

.lisket-form-maker-form input[type=checkbox] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}


#field_3_222{
	margin-right:2em;
	}
	
#field_3_444{
	margin-right:0em;
	}



#toi {
	width: 1000px;

	margin-top:30px;
	margin-right: auto;
	margin-left: auto;
	background-color:#3c4c55;
	margin-bottom: 30px;
	
	clear:none;
}

#toi ul{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	margin-top:10px;
	}
	
#toi ul div.d2n_1{
	margin-right:0px;
	padding:0px;
	background-color:#35454d;
	
	}

#toi ul li span{
	color:#18e9cd;
	font-weight:bold;
	}
	
#toi ul li#q{
	color:#18e9cd;
	font-weight:bold;
	font-size:40px;
	padding-top:30px;
	padding-right:30px;
	padding-left:45px;
	padding-bottom:10px;
	}

#toi ul li#a{
	padding-right:45px;
	padding-left:45px;
	padding-bottom:30px;
	font-size:30px;
	}

#maincontact h3 {
	color:#18e9cd;
	padding-left: 5em;
	}
#maincontact p {
	margin: 0 8% 20px 8%;
	}
#maincontactc {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
	background-color:#161c20;
	margin-bottom: 50px;
	text-align:center;
	}

#maincontactc p{
	font-size:20px;
	}




	
}
	
	
/* all ipad category-----------------------------------------------------------------------------------all ipad category------------*/
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {

#maintop p,#sidei h3,dl,#mainp,#musictext p,#mainq,#toi,.lisket-form-maker-form,#footermenu,#pri,#priv,#riyou{
	font-size:20px;
}
 
 #maintop h2,#container h2,#maincontact h2,#maincontactc h2,#title h2{
	font-size:30px;
 }
 
 #casemenu{
	margin-right:137px;
 
 }
 
 
.lisket-form-maker-form  { 
	width: 95%; 
	}
	
#field_3_333{
	margin-right:100px;
	}
	
#field_3_444{
	margin-right:16px;
	}
	
#mainindex,#container,#casemenu,#title,#showcase,#linkbox,#footermenu,#maincontactc{
background-color:#1e2628;
}

#photo {

	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 20px;
	background-color:#3c4c55;
	margin-bottom:40px;
	}
#pics {
	width: 270px;
	height: 270px;
	margin: 10px 0px 0px 10px;
}



#pics #pics2 {
	height:66.7%;
	margin:45px 0px 0px 0px;

}
 #riyou{
 margin-bottom:45px;
 width:75%;}
 
 #footermenu{
 margin-top:50px;
padding-bottom:25px;

}

#footer{
padding-top:50px;
padding-bottom:50px;
}
 


}