/*** for PC Browser ***/
@media (min-width:401px)
{
/*=============================================================================
  全体設定（フォントなどの設定を白紙に）
=============================================================================*/
/* font-size */
.tori20 {
	font-family: Meiryo;
	letter-spacing: +1px;
	line-height: 1.5;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}
.tori20 select, .tori20 input, .tori20 button, .tori20 textarea { font:99% arial,helvetica,clean,sans-serif; }
.tori20 table { font-size:inherit; font:100%; }
.tori20 pre, .tori20 code, .tori20 kbd, .tori20 samp, .tori20 tt { font-family:monospace; *font-size:108%; line-height:100%; }

.tori20 {
	width: 880px;
	padding: 0;
        margin: 0 auto;
}


/*=============================================================================
  ヘッダー
=============================================================================*/

div#header_box {
	padding: 0;
        margin: 0 auto 40px;
}

div#top_img {
background-image: url("/secure/1083713/back_oshiete.jpg");
}

div#top_img p {
text-align:center;
width: 420px;
margin: 0px auto;
}

div#header_box h1 {
 font-weight: bold;
	font-size: 123.1%;
	padding: 15px 0px;
	margin: 0px;
}

div#header_box p {
	font-size: 115.4%;
	line-height: 1.6;
}

div#header_box p.important {
 margin-top: 20px;
 font-weight: bold;
}


/*=============================================================================
  おしえてTOP
=============================================================================*/

div.timeline {
        padding: 20px 0 0;
        border-top: 3px dotted #73c2df;
margin-bottom: 15px;
}

div.timeline h2 {
        padding-left: 20px;
        border-left: 10px solid #73c2df;
	font-size: 138.5%;
margin: 0 0 20px;
}


/*=============================================================================
  おしえて個別Q&A
=============================================================================*/

div#sectionqa {
margin: 0 0 15px;
        padding-top: 15px;
        border-top: 2px dotted #73c2df;
}

div#sectionqa h2 {
        padding-left: 20px;
        border-left: 5px solid #73c2df;
	font-size: 138.5%;
}

div#sectionqa dl {
}

/* 左のQのアイコン */
div#sectionqa dl dt {
 background: url("/secure/1083713/q_icn.jpg") no-repeat 0px 12px;
 width: 600px;
 padding-left: 3.5em;
 margin: 20px 0;
}

/* 右の質問の欄 */
div#sectionqa dl dt p {
 padding: 20px;
 border-radius: 20px;
 border: 2px solid #fb3030;
}

/* 左のAのアイコン */
div#sectionqa dl dd {
 background: url("/secure/1083713/a_icn.jpg") no-repeat 0px 12px;
 width: 600px;
 padding-left: 3.5em;
 margin: 20px 0;
}

/* 右の答えの欄 */
div#sectionqa dl dd div {
 overflow: hidden;
 padding: 20px;
 border-radius: 20px;
 border: 2px solid #417cca;
}

/* トリピーアイコン処理 */
div#sectionqa dl dd div p img.toripi {
 float: left;
 margin-right: 20px;
}

/* 答えの中の画像処理 */
div#sectionqa dl dd div p img.qa_img {
 max-width: 540px;
 margin: 10px auto;
}

/* 答えの中のYoutube埋め込み処理 */
div#sectionqa dl dd div p span.youtube2 iframe {
 margin: 10px auto;
}


/*=============================================================================
  new clearfix　（floatを解除するため、親要素のclassにclearfixをあてはめるため）
=============================================================================*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 *//*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/*=============================================================================
  全体設定
=============================================================================*/
/* font-size */
.tori20 {
	font-family: Meiryo;
	letter-spacing: +1px;
	line-height: 1.5;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}
.tori20 select, .tori20 input, .tori20 button, .tori20 textarea { font:99% arial,helvetica,clean,sans-serif; }
.tori20 table { font-size:inherit; font:100%; }
.tori20 pre, .tori20 code, .tori20 kbd, .tori20 samp, .tori20 tt { font-family:monospace; *font-size:108%; line-height:100%; }

.tori20 {
	width: 320px;
	padding: 0;
        margin: 0 auto;
}


/*=============================================================================
  ヘッダー
=============================================================================*/

div#header_box {
	padding: 0;
        margin: 0 auto 40px;
}

div#top_img {
background-image: url("/secure/1083713/back_oshiete.jpg");
}

div#top_img p {
text-align:center;
margin: 0px auto;
}

div#header_box h1 {
	font-size: 123.1%;
	padding: 15px 0px 0px 0px;
	margin: 0px;
}

div#header_box h1 {
	font-size: 123.1%;
	padding: 15px 0px 15px 0px;
	margin: 0px;
}

div#header_box p {
	font-size: 115.4%;
	line-height: 1.6;
}

div#header_box p.important {
 margin-top: 20px;
 font-weight: bold;
}



/*=============================================================================
  おしえてTOP
=============================================================================*/

div.timeline {
        padding: 20px 0 0;
        border-top: 3px dotted #73c2df;
margin-bottom: 15px;
}

div.timeline h2 {
        padding-left: 20px;
        border-left: 10px solid #73c2df;
	font-size: 138.5%;
margin: 0 0 20px;
}


/*=============================================================================
  おしえて個別Q&A
=============================================================================*/

div#sectionqa {
margin: 0 0 15px;
        padding-top: 15px;
        border-top: 2px dotted #73c2df;
}

div#sectionqa h2 {
        padding-left: 20px;
        border-left: 5px solid #73c2df;
	font-size: 138.5%;
}

div#sectionqa dl {
}

div#sectionqa dl dt {
 background: url("/secure/1083713/q_icn.jpg") no-repeat 0px 0px;
 padding-top: 50px;
 margin: 20px 0 30px;
}

div#sectionqa dl dt p {
 padding: 20px;
 border-radius: 20px;
 border: 2px solid #fb3030;
}

div#sectionqa dl dd {
 background: url("/secure/1083713/a_icn.jpg") no-repeat 0px 0px;
 padding-top: 50px;
 margin: 20px 0;
}

div#sectionqa dl dd div {
 overflow: hidden;
 padding: 20px;
 border-radius: 20px;
 border: 2px solid #417cca;
}

div#sectionqa dl dd div p img.toripi {
 float: left;
 margin-right: 20px;
}

div#sectionqa dl dd div p span.youtube2 {
}

div#sectionqa dl dd div p span.youtube2 iframe {
 margin: 10px auto;
 width: 250px;
 height: 140px;
}




/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 *//*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}