@charset "UTF-8";
/**********************************************************************
パパの悩み相談横丁
共通CSS
[ /css/common.css ]
**********************************************************************/



/* 目次
-------------------------------------------------
 ・タグの初期化
 ・共通クラス
 ------------------------------------------------- */



/* タグの初期化
------------------------------------------------- */
body, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, img, caption, fieldset, form, input, select, label {
	margin: 0;
	padding: 0;
}

html{overflow-y: scroll;}
html,body {height: 100%;_height: 100%;min-height: 100%;}
body {
	height: auto;
	_height: 100%;
	font-family:Arial, sans-serif,"ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	color: #555555;
	text-align: center;
	line-height: 160%;
}

img {
	border: none;
}

h3, h4 {
	font-weight: normal;
}

ul, ol{
	list-style-type: none;
}

a:link    {color: #555555; text-decoration: underline;}
a:active  {color: #555555; text-decoration: underline;}
a:visited {color: #555555; text-decoration: underline;}
a:hover   {color: #41A624; text-decoration: underline;}


/* 共通クラス
------------------------------------------------- */
.alL {text-align:left;}
.alC {text-align:center;}
.alR {text-align:right;}

.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {
	clear: both;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 画像マウスオーバー用 */
a:hover img.ovr {
	filter:alpha(opacity=60);
	opacity:0.6;
}

/* 画像用アライン用 */
.alignTop {vertical-align:top;}
.alignBottom{vertical-align:bottom;}

/* デバッグ用 */
.border {border: 1px solid #FF0000;}

/* スペース */
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt120{margin-top:120px;}

.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}

.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb120{margin-bottom:120px;}

.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgl35{margin-left:35px;}
.mgl40{margin-left:40px;}
.mgl45{margin-left:45px;}
.mgl50{margin-left:50px;}
.mgl215{margin-left:215px;}

.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}

.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr180{padding-right:180px;}

.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}

.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}