﻿

/*** 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/1083260/back_zadan.jpg")
}

div#top_img p {
text-align:center;
width: 420px;
margin: 0px auto;
}

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;
}

div#header_box p#back_p {
 font-size: 93.1%;
 margin: 20px 0 0;
}


/*=============================================================================
  座談会
=============================================================================*/

div.zadan_box {
        padding: 20px 0 0;
        border-top: 3px dotted #e99c20;
 margin-bottom: 15px;
}

div.zadan_box h2 {
        padding-left: 20px;
        border-left: 10px solid #e99c20;
	font-size: 138.5%;
margin: 0 0 20px;
}

div.zadan_box h3 {
margin: 0 0 15px;
        padding: 15px 0 0 100px;
        border-top: 1px dotted #e99c20;
	font-size: 123.1%;
}

div.zadan_talk {
 width: 670px;
 margin: 0 auto;
}

div.zadan_box dl {
 float: left;
 margin: 30px 0;
 width: 100%;
}

div.zadan_box dt {
 clear: left;
 float: left;
 width: 100px;
 margin: 0 0 20px;
}

div.zadan_box dd {
 background-image: url("/secure/1083260/zadan_bg_img.jpg");
 float: left;
 width: 500px;
 padding: 20px;
 border: 1px dotted #e99c20;
 margin: 0 0 20px;

  /float:none;
  /margin-left:100px;
}

div.zadan_box dt.line_dt {
 display: block;
 clear: left;
 float: left;
 width: 100%;
 margin: 0 0 10px;
}

div.zadan_box dt.line_dt img {
 display: block;
 float: left;
}

div.zadan_box dd.line_dd {
 background-image: url("/secure/1083260/zadan_bg_img.jpg");
 display: block;
 clear: left;
 float: none;
 padding: 20px;
 border: 1px dotted #e99c20;
 margin: 0 0 20px 104px;
}

div.zadan_talk dl dd img {
 margin: 20px 0 0;
}

p.sub_p {
 padding-left: 30px;
	font-size: 100%;
	line-height: 1.6;
}


/*=============================================================================
  リンク
=============================================================================*/

p#next_p {
 text-align:center;
 margin: 0px auto 20px; 
}

ul.nav_zadan {
 width: 234px;
 display: block;
 text-align:center;
 margin: 20px auto; 
 list-style-type: none;
 padding: 0;
}

ul.nav_zadan li {
 display: block;
 float: left;
 margin: 0 10px;
 padding: 0;
}





/* 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
{

}

}


/*** 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/1083260/back_zadan.jpg")
}

div#top_img p {
text-align:center;
width: 320px;
margin: 0px auto;
}

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;
}

div#back_p {
 font-size: 93.1%;
 margin: 20px 0 0;
}


/*=============================================================================
  座談会
=============================================================================*/

div.zadan_box {
        padding: 20px 0 0;
        border-top: 3px dotted #e99c20;
 margin-bottom: 15px;
}

div.zadan_box h2 {
        padding-left: 20px;
        border-left: 10px solid #e99c20;
	font-size: 138.5%;
margin: 0 0 20px;
}

div.zadan_box h3 {
margin: 0 0 15px;
        padding-top: 15px;
        border-top: 1px dotted #e99c20;
	font-size: 123.1%;
}

div.zadan_talk {
}

div.zadan_box dl {
 margin: 20px 0;
}

div.zadan_box dt {
 margin: 0;
}

div.zadan_box dd {
 background-image: url("/secure/1083260/zadan_bg_img.jpg");
 padding: 20px;
 border: 1px dotted #e99c20;
 margin: 0 0 20px;
}

div.zadan_talk dl dd img {
 width: 100%;
 margin: 20px 0 0;
}

p.sub_p {
 padding: 0 20px;
	font-size: 100%;
	line-height: 1.6;
}


/*=============================================================================
  リンク
=============================================================================*/

p#next_p {
 text-align:center;
 margin: 0px auto 20px; 
}

ul.nav_zadan {
 width: 234px;
 display: block;
 text-align:center;
 margin: 20px auto; 
 list-style-type: none;
 padding: 0;
}

ul.nav_zadan li {
 display: block;
 float: left;
 margin: 0 10px;
 padding: 0;
}





/* 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
{

}
}
