@charset "utf-8";

/****************************************
　header設定
*****************************************/


/****************************************
　トップピクチャー設定
*****************************************/
.toppic_box{
  width:100%;
  height:300px;
  position:relative;
}

.toppic_back_top{
  background-color:#EA7E14;
}

.toppic_back_zeimu{
  background-color:#7E308D;
}

.toppic_back_keiei{
  background-color:#1C1F87;
}

.toppic_back_it{
  background-color:#00A0E8;
}

.toppic_back_law{
  background-color:#006635;
}

.toppic_back_local{
  background-color:#E99212;
}

.toppic_back_img_top{
  width:100%;
  max-width:339px;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;

}


/****************************************
　サイドバー設定
*****************************************/

.sidebar_a:link {
  color:#010000;
  text-decoration:none;
}

.sidebar_a:visited {
  color:#010000;
  text-decoration:none;
}

.sidebar_a:hover {
  color:#888888;
}

.sidebar_h2{
  border-bottom:1px solid #000000;
  padding-top:30px;
  margin-bottom:30px;
}





/****************************************
　フッター設定
*****************************************/


/****************************************
　全般に関する設定
*****************************************/
.contents_sheet{
  width:190px;
  height:290px;
  border:1px solid #F7F7F7;
  background-color:#FFFFFF;
  margin-left:0.5%;
  padding:1%;
}

.contents_sheet_2{
  background-color:#FFFFFF;
  margin-top:30px;
  margin-bottom:30px;
  padding:1%;
}

.contents_sheet_3{
  background-color:#FFFFFF;
  margin-top:30px;
  margin-bottom:30px;
  padding:1%;
}

.contents_img{
  width:100%;
}

.contents_p1{
  margin-top:15px;
  margin-bottom:10px;
}

.contents_p2{
  margin-bottom:10px;
  margin-left:5px;
} 

.contents_p3{
  margin-bottom:15px;
}

.contents_text_p_h2{
  margin-left:20px;
  margin-right:10%;
  line-height:150%;
  margin-bottom:20px;
}

.contents_text_p_h2_1{
  margin-left:20px;
  margin-right:10%;
  line-height:150%;
}

.contents_text_p_h3{
  margin-left:40px;
  margin-right:10%;
  line-height:150%;
  margin-bottom:20px;
}

.contents_text_p_h3_1{
  margin-left:40px;
  margin-right:10%;
  line-height:150%;
}

.contents_text_ul_h2{
  line-height:150%;
  padding-left:40px;
  padding-right:10%;
  margin-bottom:20px;
 
}

.contents_text_ul_h3{
  line-height:150%;
  padding-left:60px;
  padding-right:10%;
  margin-bottom:20px;
 
}

.contents_hinagata_ul{
  line-height:150%;
  padding:20px;
  margin:0 auto;
  margin-bottom:50px;
  width:80%;
  border:1px solid #C9C9CA;
  box-shadow:5px 5px 5px #B4B5B5;
 
}


.contents_text_li_h2{
  line-height:150%;
  padding-right:10%;
  margin-bottom:7px;
}

.contents_text_li_h3{
  line-height:150%;
  padding-right:10%;
  margin-bottom:7px;
}


.contents_icon_rdp{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#009943;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.contents_icon_keiei{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#1C1F87;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.contents_icon_it{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#00A0E8;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.contents_icon_zeimu{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#7E308D;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.contents_icon_law{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#006934;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.contents_icon_clinic{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#DC94B3;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.contents_icon_local{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#E99212;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.midasi_1{
  line-height:150%;
  padding-left:10px;
  padding-right:10%;
  margin-bottom:5px;
  margin-top:20px;
  border-left:solid 5px #000000;
  border-bottom:solid 1px #000000;

}

.midasi_2{
  line-height:250%;
  padding-left:10px;
  padding-right:10%;
  margin-bottom:5px;
  margin-top:20px;
  border-bottom:solid 1px #000000;
  background-color:#FFFFFF;
}

.midasi_3{
  line-height:150%;
  padding-left:10px;
  padding-right:10%;
  margin-bottom:20px;
  margin-top:20px;
  border-bottom:dotted 1px #000000;
  background-color:#FFFFFF;
}

.midasi_4{
  line-height:150%;
  margin-left:20px;
  padding-left:10px;
  padding-right:10%;
  margin-bottom:20px;
  margin-top:20px;
  background-color:#FFFFFF;
}

.midasi_color_blue{
  border-left:solid 7px #1C1F87;
}

.midasi_color_mizuiro{
  border-left:solid 7px #00A0E8;
}

.midasi_color_purple{
  border-left:solid 7px #7E308D;
}

.midasi_color_green{
  border-left:solid 7px #006934;
}

.midasi_color_pink{
  border-left:solid 7px #DC94B3;
}

.midasi_color_daidai{
  border-left:solid 7px #E99212;
}

.top_p{
  margin-left:20px;
  margin-bottom:50px;
}

.contents_imgbox{
  width:90%;
  margin-left:5%;
  margin-top:20px;
  max-width:410px;
}


.contents_textbox{
  width:90%;
  margin-top:20px;
  margin-right:5%;
}

.contents_yohaku{
  margin-bottom:20px;
  padding-top:20px;
  border-bottom:2px solid #000000;
}

.contents_a:link {
  color:#010000;
  text-decoration:none;
}

.contents_a:visited {
  color:#010000;
  text-decoration:none;
}

.contents_a:hover {
  color:#888888;
}

.icon_box{
  width:90%;
  margin:0 auto;

}

.icon_box_a:link {
  color:#010000;
  text-decoration:none;
}

.icon_box_a:visited {
  color:#010000;
  text-decoration:none;
}

.icon_box_a:hover {
  color:#888888;
}

.icon_msg_box_l{
  width:45%;
  padding:15px;
  border-radius:10px;
  vertical-align:middle;
  margin:0 auto;
  margin-bottom:30px;
  min-width:210px;
}

.icon_msg_box_r{
  width:45%;
  padding:15px;
  border-radius:10px;
  vertical-align:middle;
  margin:0 auto;
  margin-bottom:30px;
  min-width:210px;
}

.icon_msg_box_c{
  width:57.6%;
  padding:15px;
  border-radius:10px;
  vertical-align:middle;
  margin:0 auto;
  margin-bottom:10px;
  min-width:210px;
}


.icon_msg_box_l:after{
  float:right;
  margin-right:10px;
  margin-top:3px;
  display:block;
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  border-radius:1px;
  content: "";
  height: 12px;
  width: 12px;
  transform: rotate(45deg);

}

.icon_msg_box_r:after{
  float:right;
  margin-right:10px;
  margin-top:3px;
  display:block;
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  border-radius:1px;
  content: "";
  height: 12px;
  width: 12px;
  transform: rotate(45deg);

}

.icon_msg_box_c:after{
  float:right;
  margin-right:10px;
  margin-top:3px;
  display:block;
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  border-radius:1px;
  content: "";
  height: 12px;
  width: 12px;
  transform: rotate(45deg);

}

.yohaku{
  margin-bottom:50px;
}

.yohaku70{
  margin-bottom:70px;
}

.yohaku20{
  margin-bottom:20px;
}

.yohaku20_padding{
  padding-bottom:20px;
}

.contents_text{
  background-color:#FFFFFF;
  margin-bottom:30px;
  padding:1%;
}

.table_1line{
  border:1px solid #B4B4B5;
  border-collapse:collapse;
  margin-top:;
  margin-left:5%;
  margin-bottom:50px;
  width:90%;
}

.table_2line{
  border:1px solid #B4B4B5;
  border-collapse:collapse;
  margin-top:;
  margin-left:5%;
  margin-bottom:50px;
  width:90%;
}

.table_3line{
  border:1px solid #B4B4B5;
  border-collapse:collapse;
  margin-top:;
  margin-left:5%;
  margin-bottom:50px;
  width:90%;
  max-width:500px;
}

.table_4line{
  border:1px solid #B4B4B5;
  border-collapse:collapse;
  margin-top:;
  margin-left:5%;
  margin-bottom:50px;
  width:90%;
}

.table_5line{
  border:1px solid #B4B4B5;
  border-collapse:collapse;
  margin-top:;
  margin-left:5%;
  margin-bottom:50px;
  width:90%;
}

.table_th{
  border:1px solid #B4B4B5;
  border-collapse:collapse;
  padding:10px;
  vertical-align: middle;

}

.table_td{
  border: 1px solid #B4B4B5;
  border-collapse: collapse;
  padding: 10px;
  vertical-align: middle;
  width: 20%;
}

.img_yoko{   /*ｽﾏﾎは70%それ以上は35%   */
  width:70%;
  max-width:;
  margin-top:20px;
  margin-left:15%;
  margin-bottom:20px;

}


.img_tate{   /*ｽﾏﾎは70%それ以上は35%   */
  width:70%;
  max-width:;
  margin-top:20px;
  margin-left:15%;
  margin-bottom:20px;

}

.img_yoko_il{   /*大きめに表示したいイラストレーター画像（横）   */
  width:70%;
  max-width:;
  margin-top:20px;
  margin-left:15%;
  margin-bottom:20px;

}

.yohaku_left20{
  margin-top:20px;
  margin-left:20%;
  margin-bottom:20px;
}

.main_contents_sheet{
  width:190px;
  height:290px;
  border:1px solid #F7F7F7;
  background-color:#FFFFFF;
  margin-left:0.5%;
  padding:1%;
  margin-bottom:5px;
  
}

.main_contents_img{
  width:100%;
}

.main_contents_p1{
  margin-top:15px;
  margin-bottom:10px;
}

.main_contents_p2{
  margin-bottom:10px;
  margin-left:5px;
} 

.main_whatsnew_list_keieitips_icon_keiei{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#0A3B8B;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.main_whatsnew_list_keieitips_icon_it{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#00A0E8;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.main_whatsnew_list_keieitips_icon_zeimu{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#7E308D;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.main_whatsnew_list_keieitips_icon_law{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#006934;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.main_whatsnew_list_keieitips_icon_clinic{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#DC94B3;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.main_whatsnew_list_keieitips_icon_tiiki{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#E99212;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}


.main_whatsnew_list_kikaku_icon_rdp{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#009943;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.main_whatsnew_list_kikaku_icon_hot{
  padding-top:;
  padding-left:5px;
  padding-right:5px;
  line-height:150%;
  margin-right:0px;
  margin-bottom:20px;
  background-color:#c30d22;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:10px;
}

.pankz_box{
  margin-top:50px;
}

.pankz_box2{
  margin-right:30px;
  margin-bottom:20px;
}

/* 記事中に差し込む画像の余白。 */

.tips_img1{
  margin-top:30px;
}

/* 記事中に差し込む画像サイズ：横400pxのもの。 */
.tips_1{
  max-width:400px;
}


/****************************************
　可変グリッドに関する設定
*****************************************/



img, object, embed, video {
	max-width: ;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	width: 100%;
}
#header {
	clear: both;
	width: 100%;
	display: block;
	margin:20px auto 0px;
}
#topPicture {
	clear: both;
	margin: 0 auto;
	width: 100%;
	display: block;
}
#topText {
	clear: both;
	margin: 0 auto;
	width: 100%;
	display: block;
}
#middleWrapper {
	clear: both;
	width: 100%;
	display: block;
	margin:0 auto;
}
#middleWrapper_2 {
	clear: both;
	width: 100%;
	display: block;
	margin:0 auto;
	background-color:#EFEFEF;
}
#sideBar {
	clear: both;
	float: left;
	width: 100%;
	display: none;
	background-color:#EFEFEF;
}
#mainContents {
	display: block;
	width: 100%;
	clear:both;
	padding-top:1px;
	padding-bottom:1px;
}
#preHutter {
	clear: both;
	width: 100%;
	display: block;
	margin:0 auto;
}
#hutter {
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {

/****************************************
　ヘッダメニュー設定
*****************************************/


header nav{
  margin-top:20px;
  max-width:1100px;
  margin:20px auto 0px;
}

header nav li{
  float:right;
  display:inline-block;
}


.table_1line{
  margin-left:8%;
  width:15%;
}

.table_2line{
  margin-left:8%;
  width:30%;
}

.table_3line{
  margin-left:8%;
  width:90%;
  max-width:500px;
}

.table_4line{
  margin-left:8%;
  width:60%;
}

.table_5line{
  margin-left:8%;
  width:75%;
}

/****************************************
　サイドバー設定
*****************************************/



/****************************************
　フッター設定
*****************************************/

}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
}
#header {
}
#topPicture {
}
#topText {
	max-width:1100px;
}
#middleWrapper{
	max-width:1100px;
}
#middleWrapper_2{

	max-width:1500px;
}

#sideBar {
	display:block;
	width:21%;
	float:left;
	min-width:200px;
}

#mainContents {
	width: 77.9%;
	float:left;
	padding-left:1%;
	padding-top:0px;
	padding-bottom:0px;
	clear:none;
	
}
#preHutter {
	max-width:1100px;
}
#hutter {
}




/****************************************
　サイドバー設定
*****************************************/



/****************************************
　フッター設定
*****************************************/
/****************************************
　全般に関する設定
*****************************************/


.contents_sheet_2{
  margin-left:10%;
}

.contents_sheet_3{
  margin-left:15px;
}

.contents_text{
  margin-left:15px;
}

.contents_textbox{
  width:40%;
  margin-top:20px;
  margin-right:5%;
}

.contents_imgbox{
  width:45%;
  margin-left:5%;
}

.icon_msg_box_l{
  float:left;
}

.icon_msg_box_r{
  float:right;
}

.img_yoko{   /*ｽﾏﾎは70%それ以上は35%   */
  width:35%;

}


.img_tate{   /*ｽﾏﾎは70%それ以上は35%   */
  width:35%;

}

.img_yoko_il{   /*大きめに表示したいイラストレーター画像（横）   */
  width:60%;

}

.icon_msg_box_l{
  margin-bottom:10px;
}

.icon_msg_box_r{
  margin-bottom:10px;
}

.pankz_box{
  margin-top:0px;
}

.pankz_box2{
  margin-right:0px;
  margin-bottom:0px;
}


}