@charset "UTF-8";

/* CSS Document */



/*

◇311学びデータベースキーカラー
#00A3D9

◇南海トラフキーカラー
#543F32

*/

/****************************************

          common

*****************************************/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #555;
	min-width: 1020px;
	height: 100%;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

div, h1, h2, h3, h4, p, ul, li,
th, td, form, input, textarea {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
	text-decoration: none;
}


/*---------------------------------
 Text Link
----------------------------------*/

a:link {
	color: #555;
	text-decoration: none;
}

a:visited {
	color: #444;
	text-decoration: none;
}

a:hover,
div#footer a:hover {
	color: #999;
	text-decoration: none;
}


/*---------------------------------
 Layout
----------------------------------*/

#container {
	margin: 0;
	padding: 0;
	width: 100%;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	line-height: 1.5;
	font-family: "メイリオ", "Meiryo";
	text-align: left;
	font-size: 14px;
	/*border-top: 5px solid #000;*/
}

body > div#container { /* FF対策 */
	height: auto;
}

#header {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 90px;
	background: url(../img/bg_header.png) repeat-x bottom left;
	overflow: hidden;  /*float対策 */
}

#header-menu {
	clear: both;
	margin: 8px 0;
	padding: 0 0 8px 0;
	width: 100%;
	height: 41px;
	border-bottom: 1px dotted #999;
}

#contents {
	width: 100%;
	margin: 5px auto 0 auto;
	padding: 10px 0;
	background: url(../img/bg_body.png) repeat left top;
	overflow: hidden;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	overflow: hidden;
	/*background: url(../img/bg_wrap.png) repeat left top;*/
	/*box-shadow: 0 10px 6px -6px #777777;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;　*//* Safari,Google Chrome用 */
}

#wrap {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background: url(../img/bg_wrap.png) repeat left top;
}

#footer {
	width: 100%;
//	background: #fff url(../img/bg_footer.jpg) repeat-x left top;
	padding: 10px 0 5px 0;
}


/*---------------------------------
 Header
----------------------------------*/

.head-box {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.head-box h1 {
	margin: 18px 0 0 0;
	padding: 0;
	width: 600px;
	float: left;
}


/*---------------------------------
 heaader-menu
----------------------------------*/

#header-menu ul{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#header-menu ul li {
	float: left;
	list-style-type: none;
	padding: 0;
	height: 40px;
}

#header-menu ul li a {
	margin: 0;
	padding: 0;
}

.head-search-box {
	width: 100%;
	margin: 0;
	overflow: hidden;
}


/*---------------------------------
 Contents
----------------------------------*/

h2 {
	font-size: 12px;
	font-weight: normal;
}

h3 {
	margin: 0 0 20px 0 ;
}


.clear {
	clear: both;
}

hr { 
	display: none;
}


/*---------------------------------
 main
----------------------------------*/

.main-box {
	margin: 30px 20px 50px 20px;
}

.main-box dl {
	margin: 0;
	padding: 7px 0;
	width: 640px;
	border-bottom: 1px dashed #ddd;
}

.main-box dl dt {
	clear: left;
	float: left;
	width: 240px;
}

.main-box dl dd {
	width: 400px;
	margin-left: 240px;
}



.win_close {
	float: right;
	margin-top: 20px;
}

.btn_win_close {
	width: 70px;
	font-size: 100%;
	margin: 0;
	padding: 3px 0;
	border: 1px solid #ddd;
	text-align: center;
	display: block;
	cursor: pointer;
}

.btn_win_close:hover {
	background-color: #00A3D9;
	color: #fff;
	border: 1px solid #00A3D9;
}



/*---------------------------------
 side
----------------------------------*/


#side ul {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#side ul li{
	width: 230px;
	margin: 15px 0;
	padding: 0;
	list-style: none;
	line-height: 0;
}

.accordion_head {
	cursor: pointer;
}

/*---------------------------------
 Page Top
----------------------------------*/

.pagetop-box {
	width: 960px;
	margin: 10px auto 0 auto;
}


.pagetop-box a {
	float: right;
	margin: 0;
	font-size: 85%;
	padding-left: 18px;
	background: url(../img/btn_pagetop.png) no-repeat left top;
}


/*---------------------------------
 Footer
----------------------------------*/

.foot-box {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.footer-menu {
	overflow: hidden;
	height: 80px;
}

.footer-menu ul li{
	float: left;
	list-style: none;
	margin: 15px 30px 20px 0;
}

.footer-info {
	margin-bottom: 10px;
}

.footer-info span{
	font-size: 80%;
}	

.copyright-box {
	width: 960px;
	margin: 0 auto;
}

.copyright {
	padding: 0 0 5px 0;
	margin: 0;
	color: #ccc;
	font-size: 85%;
	border-bottom: 1px dotted #ccc;
}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}



/****************************************

          TOP（index）
		  
*****************************************/

.top-txt-box {
	margin: 20px auto 0 auto;
}

.top-search-box {
	margin: 0 auto;
	text-align: center;
}

.top-search-box .search-word-box {
	width: 800px;
}

.top-search-box .search-word-box input {
	width: 470px;
}

.top-box {
	margin: 10px 0 20px 0;
	padding: 15px 30px 10px 30px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background: url(../img/bg_wrap.png) repeat left top;
	overflow: hidden;
}


.height300 {
	height: 300px;
}

.scroll{
	overflow: auto;
}

.tagcloud-box {
	width: 185px;
	float: left;
	margin-right: 50px;
}

.top-box .last {
	margin-right: 0;
}

.tag-title {
	font-weight: bold;
	color: #00A3D9;
	margin-bottom: 15px;
	border-bottom: 1px solid #00A3D9;
}
.tag-desc {
	font-size: 80%;
}

.tagcloud-box a{
	margin-right: 5px;
}

.tagcloud-box .tag-large{
	font-size: 140%;
}

.tagcloud-box .tag-medium{
	font-size: 110%;
	color: #999;
}

.tagcloud-box .tag-small{
	font-size: 95%;
	color: #ccc;
}

.tagcloud-box a:hover{
	color: #ddd;
}



/****************************************

          search

*****************************************/

.search-box {
	margin: 10px 0 20px 0;
	padding: 20px 30px 30px 30px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background: url(../img/bg_wrap.png) repeat left top;
}

.search-title {
	padding-top: 3px;
	padding-left: 30px;
	font-size: 120%;
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 3px solid #00A3D9;
	color:#00A3D9;
	background: url(../img/head_search.png) no-repeat left 5px;
	height: 25px; /*20150227*/
}
.search-title span { /*20150227*/
	float: left;
}

.search-title .btn-box {  /*20150227*/
	width: 114px;
	height:35px;
	float: right;
	margin-top: -6px;
}

.search-sbox {
	width: 880px;
	margin: 30px auto 5px auto;
	overflow: hidden;
}

.search-sbox .select-box {
	width: 145px;
	float: left;
	margin-right: 38px;
	margin-bottom: 20px;
}

.search-sbox .last {
	margin-right: 0;
}

.select-scroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 320px;
	border: 1px #ccc solid;
}

/*scrollbar*/
.select-scroll::-webkit-scrollbar{ 
	width: 5px;
	background: #ddd;
	border-radius: 2px;
}

.select-scroll::-webkit-scrollbar-thumb{
	background: #bbb;
	border-radius: 2px;
}

.search-sbox .tag-title {
	color: #00A3D9;
	/*font-weight: bold;
	font-size: 110%;*/
}

.search-sbox label {
	/*display: inline;*/
	position: relative;
	display: block;
	padding:  3px 8px 0 8px;
	border-bottom: 1px #ccc solid;
	line-height: 1.4;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	/*background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;*/
	z-index: 10;
	position: relative;
	display: block;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
	background-color: #00A3D9;
	color: #fff;
}

.regular-checkbox:checked + label {
	/*background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;*/
	background-color: #00A3D9;
	color: #fff;
}

.regular-checkbox:checked + label:after {
	/*content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;*/
	background-color: #00A3D9;
	color: #fff;
}

.tag {
	/*font-family: Arial, sans-serif;
	width: 200px;
	display: block;
	top: 5px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	float: left;*/
	/*z-index: 20;*/
	display:inline;
}

/* .search-box .btn-box {
	clear: both;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	text-align: right;
}
*/




/****************************************

          list

*****************************************/

#list-side {
	float: left;
	margin: 10px 0 20px 0;
	padding: 0;
	width: 170px;
}

#list-main {
	float: right;
	margin: 10px 0 20px 0;
	padding: 20px 30px;
	width: 750px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background: url(../img/bg_wrap.png) repeat left top;
}

/*search-word*/

.search-word-box {
	/*background-color: #fffffe;*/
	margin: 2px auto 5px auto;
	width: 1000px;
}
	
	/*padding: 10px 15px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
}*/

.search-word-box input {
	font-size: 15px;
    height: 26px;
    padding: 3px 10px;
    width: 400px;
	margin-right: 10px;
	border: 1px solid #ccc;
	color: #bbb;
	font-family: "メイリオ", "Meiryo";
}

.search-word-box input:focus {
	color: #666;
}

/*list-main*/

#list-main .list-title{
	margin-bottom: 20px;
	padding-left: 30px;
	padding-bottom: 5px;
	background: url(../img/head_search.png) no-repeat 5px 5px;
	color: #00A3D9;
	border-bottom: 3px solid #00A3D9;
	font-weight: normal;
	font-size: 18px;
}

.list-headname {
	border-bottom: 1px solid #999;
	font-size: 90%;
}


.list-headname ul {
	display: table;
	width: 735px; /*20150226*/
}

.list-headname ul li {
	display: table-cell;
	width: 80px;
	border-left: 1px dotted #ccc;
	padding: 0 5px ;
}

.list-headname .line_idk { /*20150226*/
	display: table-cell;
	width: 70px;
	border-left: none;
}

.list-headname .line_titlek {
	display: table-cell;
	width: auto;
	/*border-left: none;20150226*/
	border-left: 1px dotted #ccc; /*20150226*/
}

.list-scroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 732px;
}

.height300 .list-scroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 260px;
}

/*scrollbar*/
.list-scrol::-webkit-scrollbar{ 
	width: 5px;
	background: #ddd;
	border-radius: 2px;
}

.list-scrol::-webkit-scrollbar-thumb{
	background: #bbb;
	border-radius: 2px;
}


.line-sbox a {
	display: block;
	background: url(../img/head_rep.png) no-repeat 82px 3px;/*20150226*/
	border-bottom: 1px dotted #ccc;
}

.line-sbox a:hover  {
	color: #fff;
	display: block;
	background:#00A3D9 url(../img/head_rep_on.png) no-repeat 82px 3px;/*20150226*/
}

.line-sbox a .list-line {
	display: table;
	width: 735px; /*20150226*/
}

.line-sbox a .list-line .line-cell {
	display: table-cell;
	width: 80px;
	border-left: 1px dotted #ccc;
	border-bottom: none;
	padding: 3px 5px;
	font-size: 90%;
}

.line-sbox a .list-line .line-cell span{
	display: block;
	line-height: 1.3;
	margin: 0 0 3px 0;
}

.line-sbox a .line-id {/*20150226*/
	display: table-cell;/*20150226*/
	padding: 5px ;
	font-weight: normal;
	border-left: none;
	width: 70px;
	font-size: 90%;/*20150226*/
}

.line-sbox a .line-title {
	display: table-cell;/*20150226*/
	padding: 5px 0 5px 25px;
	font-size: 14px;
	font-weight: normal;
	/*border-left: none;20150226*/
	border-left: 1px dotted #ccc;
	width: auto;
	display: block;
}



/* side */

.list-side-box {
	background-color: #fffffe;
	padding: 15px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
}

.list-side-box .sstitle {
	font-weight: bold;
	font-size: 95%;
}

#list-side ul {
	margin-bottom: 10px;
	font-size: 90%;
}

#list-side ul li{
	line-height: 1.4;
	padding:0;
	list-style: none;
	clear:both;
}

.accordion_head {
	margin-top: 3px;
}

#list-side label input {
    display: block;
    float: left;
    margin-top: 2px;
	margin-right: 5px;
    vertical-align: bottom;
}

#list-side label a {
    display: block;
    overflow: hidden;
    padding: 1px 0;
}

ul.mgnb-none {
	margin-bottom: 0;
}

/****************************************

        det

*****************************************/

.det-box {
	margin: 10px auto 20px auto;
	padding: 20px 30px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background: url(../img/bg_wrap.png) repeat left top;
	line-height: 1.5;
}


.det-title {
	padding-top: 3px;
	padding-left: 30px;
	font-size: 140%;
	margin: 0 ;
	padding-bottom: 10px;
	border-bottom: 3px solid #00A3D9;
	color:#00A3D9;
	background: url(../img/head_rep.png) no-repeat left 5px;
}

.det-sbox {
	width: 880px;
	margin: 30px auto 5px auto;
}

.det-sbox .stitle {
	margin-top: 30px;
	margin-bottom: 3px;
	font-size: 105%;
	font-weight: normal;
	padding-left: 20px;
	background: url(../img/title_head.png) no-repeat left 3px;
}

.det-tbox {
	overflow: hidden;
}

.det-lbox {
	width: 420px;
	float: left;
}

.det-rbox {
	width: 420px;
	float: right;
}

.det-info {
	margin: 0;
	padding-bottom: 5px;
}

.det-info dl {
	margin: 4px 0;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 4px;
}

.det-info dl dt {
	float: left;
	width: 130px;
}

.det-info dl dd {
	margin-left: 130px;
}

.det-text {
	padding: 15px 20px;
	background: url(../img/bg_body.png) repeat left top;
	margin-top: 0px;
	margin-bottom: 20px;

}

.det-photo {
	text-align: center;
	padding: 0;
	margin-top: 5px;
	background: url(../img/bg_body.png) repeat left top;
	display: block;
	width: 420px;
	height: 370px;
}

.det-photo img{
	width: auto;
	height: auto;
	max-width: 420px;
	max-height: 365px;
}


.det-ssbox {
	background: url(../img/bg_body.png) repeat left top;
	padding: 10px 20px 5px 20px;
	font-size: 95%;
}

.det-ssbox ul li{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.det-ssbox ul li.last{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 5px;
}

.head-con li {
	background: url(../img/head_ten.png) no-repeat left top;
	padding-left: 25px;
}

.head-link li {
	background: url(../img/head_rep.png) no-repeat left top;
	padding-left: 25px;
}


.card-box {
	background: url(../img/bg_body.png) repeat left top;
	padding: 10px 20px 15px 20px;
	overflow: hidden;
}

.card-box .sstitle {
	font-size: 95%;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px #00A3D9 dotted;
	font-weight: normal;
	color: #00A3D9;
}

/*slide-box*/

.slide-box ul {
	margin: 10px 0;
}

.slide-box ul li {
	float: left;
	list-style: none;
	margin-left: 3px;
	padding: 1px 0;
}



/* tile */


.no-box {
	float: right;
	margin-right: 22px;
	font-size: 90%;
}

.tile-box {
	clear: both;
	margin: 0;
}

.tile-box ul li{
	margin: 0 10px 10px 0;
}

.tile-title-box {
	height: 41px;
	border-bottom: 1px dotted #00A3D9;
	margin-bottom: 5px;
	overflow: hidden;
}

.tile-title-box .tile-title{
	float: left;
	width: 200px;
	line-height: 1.4;
	padding: 2px;
}

.tile-title-box .check{
	float: right;
	padding: 3px 2px 10px 10px;
}

.tile-sbox {
	width: 210px;
	float: left;
	
	padding: 5px;
	background-color: #fff;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
}

.tile-thumbnail{
	max-width: 230px;
	max-height: 152px;
	text-align: center;
	overflow: hidden;
	display: block;
	background-color: #eee;
}

.tile-text{
	height: 152px;
	padding: 0 3px;
	overflow: hidden;
	display: block;
	font-size: 90%;
}

.tile-thumbnail img{
	width: auto;
	height: 152px;
}


.btn-more-box {
	clear: both;
	width: 740px;
	padding: 3px 0;
	margin: 15px 0;
	background-color: #903;
	color: #fff;
	text-align: center;
	font-size: 90%;
	display:block;
	cursor: pointer;
}

.btn-more-box:hover {
	background-color: #C66;
}



/****************************************

          about

*****************************************/

.about-box {
	margin: 10px 0 20px 0;
	padding: 20px 30px 40px 30px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background: url(../img/bg_wrap.png) repeat left top;
}

.about-title {
	padding-top: 3px;
	padding-left: 30px;
	font-size: 120%;
	margin: 0 ;
	padding-bottom: 10px;
	border-bottom: 3px solid #00A3D9;
	color:#00A3D9;
	background: url(../img/head_toha.png) no-repeat left 5px;
}

.about-sbox {
	width: 880px;
	margin: 30px auto 5px auto;
}

.about-sbox .stitle {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 80%;
	font-weight: normal;
	padding-left: 20px;
	border-bottom: 1px dotted #00A3D9;
	background: url(../img/title_head.png) no-repeat left 3px;
}

.about-sbox p {
	line-height: 1.7;
	margin-bottom: 15px;
}

.about-sbox .abt-contents-box pre {
	font-size: 80%;
}


/****************************************

          link

*****************************************/

.link-box {
	margin: 10px 0 20px 0;
	padding: 20px 30px 50px 30px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background: url(../img/bg_wrap.png) repeat left top;
}


.link-title {
	padding-top: 3px;
	padding-left: 30px;
	font-size: 120%;
	margin: 0 ;
	padding-bottom: 10px;
	border-bottom: 3px solid #00A3D9;
	color:#00A3D9;
	background: url(../img/head_link.png) no-repeat left 5px;
}

.link-sbox {
	width: 880px;
	margin: 30px auto 5px auto;
}

.link-sbox .stitle {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 105%;
	font-weight: normal;
	padding-left: 20px;
	border-bottom: 1px dotted #00A3D9;
	background: url(../img/title_head.png) no-repeat left 3px;
}

.link-box dl {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0;
	padding-bottom: 0;
	overflow: hidden;
}

.link-box dl dt {
	float: left;
	width: 360px;
	padding-bottom: 5px;
}

.link-box dl dd {
	float: left;
	padding-bottom: 5px;
}

/*.link-box dl dd a{
	padding-left: 20px;
	background: url(../img/title_head.png) no-repeat left 3px;
}*/

.link-box dl dd a{
	padding-left: 30px;
	background: url(../img/head_link.png) no-repeat left 0;
}



/****************************************

        how-to

*****************************************/

.howto-box {
	margin: 10px auto 20px auto;
	padding: 20px 30px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	background: url(../img/bg_wrap.png) repeat left top;
	line-height: 1.5;
}


.howto-title {
	padding-top: 3px;
	padding-left: 30px;
	font-size: 140%;
	margin: 0 ;
	padding-bottom: 10px;
	border-bottom: 3px solid #00A3D9;
	color:#00A3D9;
	background: url(../img/head_rep.png) no-repeat left 5px;
}

.howto-sbox {
	width: 880px;
	margin: 30px auto 5px auto;
}

.howto-sbox .stitle {
	margin-top: 30px;
	margin-bottom: 3px;
	font-size: 105%;
	font-weight: normal;
	padding-left: 20px;
	background: url(../img/title_head.png) no-repeat left 3px;
}

.howto-tbox {
	overflow: hidden;
}

.howto-lbox {
	width: 420px;
	float: left;
}

.howto-rbox {
	width: 420px;
	float: right;
}

.howto-info {
	margin: 0;
	padding-bottom: 5px;
}

.howto-info ul {
	margin: 4px 0;
	padding-bottom: 4px;
}
.howto-info ul li{
    font-size: 110%;
}

.howto-info ul li ul {
	margin-left: 30px;
}
.howto-info ul li ul li{
    font-size: 90%;
	list-style-type: square;
}

.howto-text {
	padding: 15px 20px;
	background: url(../img/bg_body.png) repeat left top;
	margin-top: 0px;
	margin-bottom: 20px;

}

.howto-photo {
	text-align: center;
	padding: 0;
	margin-top: 5px;
	display: block;
	width: 420px;
	height: 370px;
}

.howto-photo img{
	width: auto;
	height: auto;
	max-width: 420px;
	max-height: 365px;
}


.mgnt10 {
	margin-top: 10px;
}

.mgnt15 {
	margin-top: 15px;
}

.mgnt28 {
	margin-top: 28px;
}

.mgnt30 {
	margin-top: 30px;
}

.mgnb10 {
	margin-bottom: 10px;
}

.mgnb15 {
	margin-bottom: 15px;
}

.mgnb20 {
	margin-bottom: 20px;
}

.mgnb30 {
	margin-bottom: 30px;
}

.mgnb50 {
	margin-bottom: 50px;
}

.mgnl40 {
	margin-left: 40px;
}

.mgnr0 {
	margin-right: 0;
}

.mgnr25 {
	margin-right: 30px;
}

.pdgb70 {
	padding-bottom: 70px;
}